webpack配置解决跨域
2018-03-28 17:02
567 查看
webpack 配置proxy: {
'/api/*': {
target: 'http://localhost:8888/', // 目标服务器地址
secure: false, // 目标服务器地址是否是安全协议
changeOrigin: true, // 是否修改来源, 为true时会让目标服务器以为是webpack-dev-server发出的请求!
// '/api/login' => target + '/login'
pathRewrite: {'^/api': '/'} // 将/api开头的请求地址, /api 改为 /, 即 /api/xx 改为 /xx
}
}我当前服务为 http://localhost:8080/ fetch('/api/data').then(res => {
// http://localhost:8888/data 实际访问地址
console.log(res)
})
'/api/*': {
target: 'http://localhost:8888/', // 目标服务器地址
secure: false, // 目标服务器地址是否是安全协议
changeOrigin: true, // 是否修改来源, 为true时会让目标服务器以为是webpack-dev-server发出的请求!
// '/api/login' => target + '/login'
pathRewrite: {'^/api': '/'} // 将/api开头的请求地址, /api 改为 /, 即 /api/xx 改为 /xx
}
}我当前服务为 http://localhost:8080/ fetch('/api/data').then(res => {
// http://localhost:8888/data 实际访问地址
console.log(res)
})
相关文章推荐
- vue webpack配置解决跨域问题
- Webpack之proxyTable 解决开发环境的跨域问题
- VUE webpack前端代理解决跨域问题
- vue-cli项目开发/生产环境代理实现跨域请求+webpack配置开发/生产环境的接口地址
- webpack配置问题(没解决)
- 详解webpack-dev-server 设置反向代理解决跨域问题
- webpack配置导致字体图标无法显示的解决方法
- Webpack解决跨域问题
- 简单设置,解决使用webpack前后端跨域发送cookie的问题
- webpack - 构建配置文件dev.config.js团队多人合作冲突解决
- webpack和webpack-dev-server安装配置(遇到各种问题的解决方法)
- 六:webpack-dev-server 设置反向代理解决跨域问题
- 摆脱跨域限制,配置 webpack 将接口代理到本地
- webpack安装配置以及填坑操作之 webpack command not found 的解决方法
- 简单设置,解决使用webpack前后端跨域发送cookie的问题
- webpack配置打包后图片路径出错的解决
- 使用webpack-dev-server设置反向代理解决前端跨域问题
- webpack和webpack-dev-server安装配置(遇到各种问题的解决方法)
- Webpack devServer中的 proxy 实现跨域的解决
- 详解webpack-dev-server使用http-proxy解决跨域问题