vue前端解决跨域

1,首先 axios请求,看后端接口路径,http://122.226.146.110:25002/api/xx/ResxxList,所以baseURL地址改成 ‘/api’

let setAxios = originAxios.create({
    baseURL: '/api',  //这里要改掉
    timeout: 20000 // request timeout

});
export default setAxios;

2,然后ue.config.js在文件中


module.exports = {
  
    devServer: {
        open: true,
        host: 'localhost',//localhost
        port: 2500,
        https: false,
        disableHostCheck: true,
        //以上的ip和端口是我们本机的;下面为需要跨域的
        proxy: {//配置跨域
            '/api': {
                target: 'http://122.xxx.xxx.110:25002/',//这里后台的地址模拟的;应该填写你们真实的后台接口
                ws: true,
                changOrigin: true,//允许跨域
                pathRewrite: {
                    '^/api': '/api'//请求的时候使用这个api就可以
                }
            }

        }

    },

   

}

需要重新关闭开启项目
vue前端解决跨域_第1张图片

你可能感兴趣的:(vue.js,前端,javascript)