Vue2.0 跨域 proxy 配置

小新²

已于 2023-08-04 11:25:36 修改

阅读量368

点赞数 3

文章标签： vue.js 前端 javascript

于 2023-08-04 10:45:28 首次发布

本文链接：https://blog.youkuaiyun.com/qq_44962364/article/details/132099144

版权

本文介绍了如何在Vue项目中，通过修改vue.config.js的devServer.proxy配置，实现对后端API接口的代理转发，以及如何在开发环境中启用这个设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在vue.config.js中添加devServer proxy 配置

module.exports ={
  lintOnSave: process.env.NODE_ENV === 'development',
  devServer: {
    proxy: {
      '/home': {
        target: 'http://localhost:7610', //服务器地址
        changeOrigin: true,
        pathRewrite: {
          '^/home': '/home'
        }
      },
      '/api': {
        target: 'http://localhost:7610',
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/api'
        }
      }
    }
  }
}

api 为后台接口开头地址有几个写几个

配置完重新启动项目 npm run dev