Vue/cli 解决跨域配置说明

最新推荐文章于 2024-09-21 09:09:41 发布

我叫张永宽@

最新推荐文章于 2024-09-21 09:09:41 发布

阅读量3.5k

点赞数 1

分类专栏：笔记文章标签： javascript es6 前端 vue-cli3 1024程序员节

本文链接：https://blog.csdn.net/weixin_44051639/article/details/121558018

版权

笔记专栏收录该内容

12 篇文章 1 订阅

订阅专栏

在vue.config.js配置文件中，有一项是devServer进行配置

module.exports = {
  devServer: {
    // 代理配置
    proxy: {
      // 这里的 api 表示如果我们的请求地址以 /dev_api 开头的时候，就出触发代理机制
      '/dev_api': {
        target: 'www.baidu.com', // 需要代理的地址，就是后端服务器地址
        changeOrigin: true, // 是否跨域，需要设置此值为 true 才可以让本地服务代理我们发出请求
        // 路径重写
        pathRewrite: {
          // 如果不重写：  localhost:8888/dev_api/login  => www.baidu.com/dev_api/login
          // 假设我们想把  localhost:8888/dev_api/login 变成 www.baidu.com/api/login 就需要这么做
          // '^/dev_api': '/api'  
          // 假设我们想把  localhost:8888/dev_api/login 变成 www.baidu.com/login 就需要这么做
          '^/dev_api': '/'  
        }
      }
    }
  }
}