在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
}

Logo

前往低代码交流专区

更多推荐