vue框架对于跨域问题的解决

超心塞的阿秋

已于 2022-08-11 16:01:03 修改

阅读量219

点赞数

文章标签： vue.js tomcat 前端

于 2022-08-11 14:07:17 首次发布

本文链接：https://blog.csdn.net/qq_36697072/article/details/126277849

版权

在vue.config.js文件中配置如下：

// 跨域配置
module.exports = {
 devServer: {                //记住，别写错了devServer
 port: 9876, //设置本地默认端口  选填
proxy: {  //设置代理，必须填
      '/api': {//设置拦截器  拦截器格式   斜杠+拦截器名字，名字可以自己定
        // target: 'http://192.168.1.47:8089', 
        target: 'http://localhost:8089', /*  */ //代理的目标地址，后端地址
        changeOrigin: true, //是否设置同源，输入是的
        ws: true,
        write: {
          encode: true,
        },
        pathRewrite: {  //路径重写
          // '^/api': '/gaolu',
          '^/api': '/HDFurnace_java_war',//选择忽略拦截器里面的单词，替换为冒号后的单词，HDFurnace_java_war是后端tomcat设置的
        },
      },
    }
    }
}