webpack开发跨域问题解决
来源:互联网 发布:什么是云计算的基础 编辑:程序博客网 时间:2024/05/21 18:36
webpack 开发时跨域问题的解决
1. 说明
webpack 内置了
http-proxy-middleware
可以解决 请求的 URL 代理的问题
2. API
需要代理的 pathname 要加
/
module.exports = { devtool: 'cheap-module-source-map', entry: './app/js/index.js' output: { path: path.resolve(__dirname, 'dev'), // 所有输出文件的目标路径 filename: 'js/bundle.js', publicPath: '/', chunkFilename: '[name].chunk.js' }, devServer: { contentBase: path.resolve(__dirname, 'dev'), publicPath: '/', historyApiFallback: true, proxy: { // 请求到 '/device' 下 的请求都会被代理到 target: http://debug.xxx.com 中 '/device/*': { target: 'http://debug.xxx.com', secure: false, // 接受 运行在 https 上的服务 changeOrigin: true } } }}
3. 使用
注:使用的url 必须以
/
开始 否则不会代理到指定地址
fetch('/device/space').then(res => { // 被代理到 http://debug.xxx.com/device/space return res.json(); }).then(res => { console.log(res); }) fetch('device/space').then(res => { // http://localhost:8080/device/space 访问本地服务 return res.json(); }).then(res => { console.log(res); })
阅读全文
0 0
- webpack开发跨域问题解决
- webpack中vue-cli开发跨域的问题
- Webpack之proxyTable 解决开发环境的跨域问题
- web开发跨域问题解决方案
- ajax开发:跨域问题解决方案
- React开发神器Webpack
- WebPack模块化开发
- webpack常规开发配置
- vue webpack自动化开发
- Vue+Webpack开发
- Webpack 开发环境搭建
- webpack笔记----开发环境
- webpack--指南4--开发
- webpack开发工具 (gulp、browserify、webpack)
- 【webpack】使用webpack进行ES6开发
- webpack开发工具webpack-dev-server使用指南
- vue-cli开发环境跨域问题解决方案
- webpack之proxyTable设置跨域
- EAS序时簿界面显示,不再忽略数值零
- Ubuntu 16.04 vlc和ffmpeg播放rtsp视频
- 初等排序算法集合
- POJ 1213 Roman Numerals 笔记
- 事件Io
- webpack开发跨域问题解决
- MYSQL AUTO_INCREMENT自增的用法
- Struts2_Spring_Hibernate整合及测试_1(标准)
- Data truncation: Incorrect datetime value: '' for column 'start' at row 1的解决方法
- 域名中ip和端口的问题,java通过域名获取ip
- Jenkins修改端口
- iOS UI学习之路03
- spring-boot war包 访问404
- Codeforces 811C Vladik and Memorable Trip DP