选小程序流程模版_webpack开发跨域问题解决方法

webpack开发跨域问题解决办法       本篇文章主要介绍了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: device/*': { 
 target: '/ 接受 运行在 htt凡科抠图 上的服务
 changeOrigin: true

3. 使用

注:使用的url 必须以/开始 否则不会代理到指定地址

 fetch('/device/space').then(res = {
 // 被代理到 device/space
 return res.json();
 }).then(res = {
 console.log(res);
 fetch('device/space').then(res = {
 // device/space 访问本地服务
 return res.json();
 }).then(res = {
 console.log(res);

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持凡科。


相关阅读