关于使用proxy代理解决跨域问题报404

原创已于 2022-04-16 16:18:29 修改

· 1.6k 阅读

0 ·

版权

文章标签：

#java #javascript

于 2022-04-13 16:01:02 首次发布

在学习Vue项目跨域配置时，错误地将vue.config.js文件放在了src目录下，导致调用后端接口时返回404。正确做法是将vue.config.js移动到与src同级目录。配置文件内容包括使用http代理解决跨域，设置目标地址为'http://127.0.0.1:8081'，并开启changeOrigin。修正文件位置后，问题得到解决。

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

在学习处理跨域问题的时候遇到的包404的错误

处理前：创建了一个vue.config.js文件放置在src目录下面。导致出现调用后端接口是报404
实际应该将vue.config.js放置在与src的同级目录下面，解决该问题。
附上vue.congif.js代码:`

let proxyObj = {};

proxyObj['/'] = {
  //websocket
  ws: false,
  //目标地址
  target: 'http://127.0.0.1:8081',
  //发送请求头中host会设置成target
  changeOrigin: true,
  //不重写请求地址
  pathRewrite: {
    '^/': '/'
  }
}


module.exports={
  devServer:{
    host:'127.0.0.1',
    port:8080,
    proxy:proxyObj
  }
}