vue解决跨域

A仔979

已于 2022-05-15 07:32:39 修改

阅读量423

点赞数

分类专栏： vue知识文章标签： vue.js 前端 javascript

于 2022-03-07 17:48:22 首次发布

本文链接：https://blog.csdn.net/qq_62336448/article/details/123335740

版权

vue知识专栏收录该内容

16 篇文章 0 订阅

订阅专栏

本文详细讲解了如何在Vue项目中通过`vue.config.js`的devServer设置，配置proxy选项来转发API请求到后端服务器10010端口，包括changeOrigin和pathRewrite的使用。

摘要由CSDN通过智能技术生成

在vue.config.js中配置

  devServer:{
    port: 3000,
    host: 'localhost',
    open: true,
    proxy: {
      '/api': {//请求前缀
        target: 'http://localhost:10010',
        changeOrigin: true,//选择来源 （在发送请求服务器时选择性的告诉被请求的服务器来自哪里）
        // ws: true,//用于支持webSocket
        pathRewrite: {//路径重写
          "^/api": "",
        },
      }  
    }
  },