解决配置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

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

来源链接:https://www.jb51.net/javascript/3241487rt.htm

© 版权声明
THE END
支持一下吧
点赞13 分享
评论 抢沙发
头像
请文明发言!
提交
头像

昵称

取消
昵称表情代码快捷回复

    暂无评论内容