記錄一下本地服務在uniapp H5頁面訪問請求報跨域的錯誤

這是我在本地起的服務端口號為8088? ip大家可打開cmd 輸入ipconfig 查看?

?

第一種方法

在源碼視圖中配置

"devServer": {"https": false, // 是否啟用 https 協議，默認false"port": 8080,"proxy": {"/devapi": {"target": "http://XXXXXXXXXX:8088","changeOrigin": true, //是否跨域"secure": false, // 設置支持https協議的代理"pathRewrite": {"^/devapi": ""}}}},

?第二種方法 新建vue.config.js

// module.exports = {
// 	devServer: {
// 		port: 8080,
// 		disableHostCheck: true,
// 		proxy: {
// 			"/devapi": {
// 				"target": "http://XXXXXXXXXX:8088",
// 				"changeOrigin": true, //是否跨域
// 				"secure": false, // 設置支持https協議的代理
// 				"pathRewrite": {
// 					"^/devapi": ""
// 				}
// 			}
// 		}
// 	}
// }

因為我這里轉發的前綴是 /devapi 所以要在基本請求路徑后拼接上前綴(封裝請求的文章請看我上一篇)

?這個是我服務的請求路徑 (參考) 前端只是加了一個前綴方便轉發?

?最后效果圖

?