解决配置setupProxy.js代理,页面报错404问题
更新时间：2024年07月12日 09:19:12 作者：我真的好想笑
这篇文章主要介绍了解决配置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
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了React中的for循环解读，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-01-01
这篇文章主要为大家介绍了react 组件实现无缝轮播示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-10-10
本篇文章主要介绍了react实现菜单权限控制的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-12-12
这篇文章主要介绍了如何强制刷新react hooks组件问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-11-11
这篇文章主要为大家介绍了React官方团队出手，补齐原生Hook短板闭包陷阱的示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
这篇文章主要介绍了React+Router多级导航切换路由方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
React中Next.js静态资源与public目录示例详解
React作为当前前端开发领域最流行的框架之一,组件化开发是其核心概念之一,下面这篇文章主要介绍了React中Next.js静态资源与public目录的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2026-03-03
这篇文章主要介绍了一百多行代码实现react拖拽hooks，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-03-03
骨架屏就是在页面数据尚未加载前先给用户展示出页面的大致结构，直到请求数据返回后再渲染页面，补充进需要显示的数据内容，本文就介绍了React实现一个通用骨架屏组件示例，分享给大家，感兴趣的可以了解一下2021-12-12
Hooks是一种函数，该函数允许您从函数式组件 “勾住(hook into)”React状态和生命周期功能。Hooks在类内部不起作用 - 它们允许你无需类就使用 React。2021-05-05
最新评论