vue2.0跨域访问开发和部署环境下配置方法

最新推荐文章于 2024-03-29 09:16:16 发布

风和日丽63

最新推荐文章于 2024-03-29 09:16:16 发布

阅读量1.8k

点赞数 1

分类专栏： Vue开发笔记文章标签： vue.js html5 前端 npm webpack

本文链接：https://blog.csdn.net/lzty634158/article/details/120367290

版权

1、开发环境下：

通过vue_cli脚手架生成的vue项目，有时会生成config文件夹，里面会有个index.js文件，如果没有我们可以再项目根目录下新建vue.config.js文件，内容设置如下：

module.exports = {

  devServer: {
      proxy: {  //配置跨域
        '/api' : {
          target: 'http://10.0.0.105:5590', //这里后台的地址应该填写你们真实的后台接口
          changOrigin: true,  //允许跨域
          pathRewrite: {
            /* 重写路径，当我们在浏览器中看到请求的地址为：http://localhost:8080/api/core/getData/userInfo 时
              实际上访问的地址是：http://10.0.0.105:5590/core/getData/userInfo,因为重写了 /api
            */
            '^/api': '' 
          }
        },
      }
    },
}