淘宝店购买网站,学校网站建设说明材料,易企秀怎么制作,网页设计图片尺寸npm run dev 在本地调试出现跨域问题 在localhost:8080调试时会出现跨域问题#xff0c;如图#xff1a; 我的项目是用webpack作为前端自动化构建工具#xff0c;可以在webpack-dev-server中配置跨域。webpack-dev-server是一个小型的nodejs服务器#xff0c;是基于express…npm run dev 在本地调试出现跨域问题 在localhost:8080调试时会出现跨域问题如图 我的项目是用webpack作为前端自动化构建工具可以在webpack-dev-server中配置跨域。webpack-dev-server是一个小型的nodejs服务器是基于express框架的用于实时监听和打包编译静态资源。其中里面有一个属性是proxy是专门来配置代理请求接口的。 // # 项目\config\index.js
dev: {// PathsassetsSubDirectory: static,assetsPublicPath: /,// # 配置代理proxyTable: {/apis: {target: http://dev.daishutijian.com,changeOrigin: true,pathRewrite: {^/apis: }}},// Various Dev Server settingshost: 0.0.0.0, // can be overwritten by process.env.HOSTport: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined...
},
复制代码将 http://dev.daishutijian.com映射为^/apis // # 发送请求
const API_PATH apis/apps/api/;
function getOrderList(vm) {let url API_PATH user/order_list;// # http://dev.daishutijian.com/apps/api/user/order_listreturn new Promise((resolve, reject) {Vue.http.get(url, {emulateJSON: true},).then((res) {resolve(res.data);}).catch((res) {console.log(warn);})})
}
复制代码设置代理请求成功 转载于:https://juejin.im/post/5bb03a25e51d450e9649fd87
