webpack开发跨域问题解决办法

来源：动视网责编：小采时间：2020-11-27 22:33:34

webpack开发跨域问题解决办法

webpack开发跨域问题解决办法:本文介绍了webpack开发跨域问题解决办法，分享给大家，具体如下： 1. 说明 webpack 内置了 http-proxy-middleware 可以解决请求的 URL 代理的问题 2. API 需要代理的 pathname 要加 / module.exports = { devtool: 'c

推荐度：

点击下载本文 文档为doc格式

导读webpack开发跨域问题解决办法:本文介绍了webpack开发跨域问题解决办法，分享给大家，具体如下： 1. 说明 webpack 内置了 http-proxy-middleware 可以解决请求的 URL 代理的问题 2. API 需要代理的 pathname 要加 / module.exports = { devtool: 'c

本文介绍了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);
 })

webpack开发跨域问题解决办法

推荐度：

点击下载本文 文档为doc格式

标签：解决开发 webpack

热门焦点

webpack开发跨域问题解决办法

webpack开发跨域问题解决办法

webpack开发跨域问题解决办法

最新推荐

猜你喜欢

热门推荐