Webpack-dev-server solves cross-domain problems

the front and back ends are developed separately, and ajax is used to access the background interface.
solved this cross-domain problem for the first time, and I don"t know what went wrong.
there is really nothing I can do.

js Code

url:"/v1/user/login",
data:"username=" + loginUserName + "&password="+loginUserPassword,
type:"get",
dataType:"json",
success:function(data){
    location.href = "../index/index.html";
},
failure:function(){
    alert("");
}

webpack.config.js configuration is written like this

    devServer: {
        historyApiFallback: true,
        hot: true,
        inline: true,
        progress: true,
        proxy: {
            "/v1/*": {
                target: "http://192.xxx.xxx.xxx:8080",//
                changeOrigin: true,
                secure: false,
            }
        }
    },

Code display:

jsonp

Javascript ajax-cross-domain

Nov.12,2021

the old man put

url:'/v1/user/login',
data:"username=" + loginUserName + "&password="+loginUserPassword,
type:'get',
dataType:'json',
success:function(data){
    location.href = "../index/index.html";
},
failure:function(){
    alert("");
}

Change

url:'/user/login',
data:"username=" + loginUserName + "&password="+loginUserPassword,
type:'get',
dataType:'json',
success:function(data){
    location.href = "../index/index.html";
},
failure:function(){
    alert("");
}

try;

            
        proxy: {
            '/v1/*': {
                target: 'http://192.xxx.xxx.xxx:8080',//
                changeOrigin: true,
                secure: false,
                pathRewrite: {  
                '^/v1': ''
                }
             }
        }

refer to my previous article https://codeshelper.com/a/11."

confirm the interface to be requested first. If it is http://192.xxx.xxx.xxx:8080/v1/user/login
, write

proxy: {
            '/v1/*': {
                target: 'http://192.xxx.xxx.xxx:8080',//
                changeOrigin: true,
                secure: false,
                pathRewrite: {  
                '^/v1': '/v1'
                }
             }
        }

Request Method is changed to POST, background interface in REST style, which specifies the request type.
configuration modification of ajax request:

type:'post',

Previous: Click events are given on the line chart and bar chart of Vue's echarts, respectively, and then jump to the corresponding page

Next: Does not take effect after upgrading the openssl version?

What are the problems with ajax cross-domain requests?
ajax: ![clipboard.png]( img bV9nQe look forward to pointing out my mistakes ...

Javascript ajax-cross-domain

Mar.05,2021
Does ajax jump when it discovers error but fails?
ajax error: function(jqXHR, textStatus, errorThrown) { errorGo(textStatus, errorThrown); }, errorGO () function errorGO(status, error){ console.log( textStatus: %s, errorThrown: %s , status, error, location, type); alert( Something ...

Javascript ajax-cross-domain ajax jquery-ajax jquery

Aug.12,2021