真正有效的@vue/cli 4.1.1配置跨域

最新推荐文章于 2024-05-01 16:56:01 发布

原创最新推荐文章于 2024-05-01 16:56:01 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何在Vue项目中使用axios进行跨域请求，包括在vue.config.js中设置代理，以及重写请求路径的方法。

前期准备

axios

在工程文件夹根目录下新建vue.config.js

module.exports = {
  devServer: {
    port: 8080, // 源地址端口，自行修改
    proxy: {
      '/api': {
        target: 'http://127.0.0.1:3000/',  // 跨域目标主机，自行修改
        ws: true,  // 代理 websockets
        changeOrigin: true,  
        pathRewrite: {
          '^/api': ''  // 重写地址
        }
      },
    }
  }
};