Vue项目中配置代理

CHY__YHC

已于 2022-02-08 22:26:07 修改

阅读量726

点赞数

分类专栏： Vue 文章标签： vue.js 前端

于 2022-02-08 22:13:31 首次发布

本文链接：https://blog.csdn.net/weixin_45982960/article/details/122832313

版权

Vue 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

在Vue项目的vue.config.js配置文件中，通过设置devServer的proxy属性可以解决跨域请求问题。当请求路径包含'/api'时，代理会将请求转发到'http://localhost:3000'，从而实现前端开发环境下的跨域请求。同时，配置文件还关闭了ESLint检查。

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

在vue项目中通过配置代理解决跨域请求问题。

注意：在 vue.config.js 文件中

module.exports = {
  // 设置端口号和自动打开
  devServer: {
    // 自动打开浏览器
    open: true,
    // 配置端口号
    port: 8888,
    // 配置代理
    proxy: {
      // 请求路径中携带 /api 的话就会，向 http://localhost:3000 发送请求
      '/api': {
        // 目标服务器地址 
        target: 'http://localhost:3000',
        // pathRewrite: { '^/api': '' }
      }
    }
  },
  // 关闭ESLint
  lintOnSave: false
}