解决配置setupProxy.js代理,页面报错404问题
作者：我真的好想笑
这篇文章主要介绍了解决配置setupProxy.js代理,页面报错404问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
配置setupProxy.js代理，页面报错404问题
又遇到了一个问题，就是更换解决跨域问题方式时，配置setupProxy.js代理后，可以正常启动，但是报404访问不到页面。
原因是
// setupProxy.js
const proxy = require('http-proxy-middleware')
module.exports = function(app) {
app.use(
proxy('/api/**', { //`api`是需要转发的请求
target: 'http://127.0.0.1:8083', // 这里是接口服务器地址
changeOrigin: true,
})
)
}更改为
// setupProxy.js
const {createProxyMiddleware} = require('http-proxy-middleware')
module.exports = function(app) {
app.use(
createProxyMiddleware('/api/**', { //`api`是需要转发的请求
target: 'http://127.0.0.1:8083', // 这里是接口服务器地址
changeOrigin: true,
})
)
}即可！！！
proxy代理显示404但请求方式、服务器地址都对
后端使用postman测试过，接口没有问题。
反复检查后，确定是代理配置的问题
但配置格式也没错，由报错看，就是代理配置没起作用。
解决方法
项目是vue-cli2 创建的 ，所以要在config文件夹里面的index.js配置才能生效
vue3项目里面才使用vue.config.js
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。