记录一下本地服务在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 所以要在基本请求路径后拼接上前缀(封装请求的文章请看我上一篇)
这个是我服务的请求路径 (参考) 前端只是加了一个前缀方便转发
最后效果图