设置反向代理后,页面报错图:
反向代理代码:devServer下面就是配置对应的代理,一般这样就没问题了
"h5": {
"router": {
"mode": "hash"
},
"devServer": {
"port": 5173, // 自己的端口号
"disableHostCheck": true,
"proxy": {
"/api": {
"target": "http://192.168.113.210:8087/", //目标接口域名
"changeOrigin": true, //是否跨域
"secure": false
}
}
},
"optimization": {
"treeShaking": {
"enable": false
}
}
}
我遇到的这个问题,是因为在设置接口文档的时候,喜欢用
import {
getBumenlistt
} from "@/api/api.js"
文件自动把/api当初后端请求接口,所以报错的时候 报的是 网络连接问题。
把文件名字改了就行,jiekou.js就是封装的请求