解決配置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`是需要轉發(fā)的請求
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`是需要轉發(fā)的請求
target: 'http://127.0.0.1:8083', // 這里是接口服務器地址
changeOrigin: true,
})
)
}即可?。?！
proxy代理顯示404但請求方式、服務器地址都對
后端使用postman測試過，接口沒有問題。
反復檢查后，確定是代理配置的問題
但配置格式也沒錯，由報錯看，就是代理配置沒起作用。
解決方法
項目是vue-cli2 創(chuàng)建的 ，所以要在config文件夾里面的index.js配置才能生效
vue3項目里面才使用vue.config.js
總結
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了React中的for循環(huán)解讀，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
這篇文章主要為大家介紹了react 組件實現(xiàn)無縫輪播示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-10-10
本篇文章主要介紹了react實現(xiàn)菜單權限控制的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-12-12
這篇文章主要介紹了如何強制刷新react hooks組件問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-11-11
這篇文章主要為大家介紹了React官方團隊出手，補齊原生Hook短板閉包陷阱的示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
這篇文章主要介紹了React+Router多級導航切換路由方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
React中Next.js靜態(tài)資源與public目錄示例詳解
React作為當前前端開發(fā)領域最流行的框架之一,組件化開發(fā)是其核心概念之一,下面這篇文章主要介紹了React中Next.js靜態(tài)資源與public目錄的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2026-03-03
這篇文章主要介紹了一百多行代碼實現(xiàn)react拖拽hooks，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-03-03
骨架屏就是在頁面數(shù)據(jù)尚未加載前先給用戶展示出頁面的大致結構，直到請求數(shù)據(jù)返回后再渲染頁面，補充進需要顯示的數(shù)據(jù)內容，本文就介紹了React實現(xiàn)一個通用骨架屏組件示例，分享給大家，感興趣的可以了解一下2021-12-12
Hooks是一種函數(shù)，該函數(shù)允許您從函數(shù)式組件 “勾住(hook into)”React狀態(tài)和生命周期功能。Hooks在類內部不起作用 - 它們允許你無需類就使用 React。2021-05-05