博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
webpack自带的跨域代理配置
阅读量:5088 次
发布时间:2019-06-13

本文共 2044 字,大约阅读时间需要 6 分钟。

问题:开发过程中难免有跨域的问题。

解决:webpack代理的配置

const path 							= require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');const ExtractTextPlugin = require('extract-text-webpack-plugin');const webpack = require('webpack');module.exports = {	entry: './src/app.jsx',	output: {		path: path.resolve(__dirname, 'dist'),		filename: 'js/app.js',		publicPath: "/dist/"	},	resolve: {		alias : {			page : path.resolve(__dirname, 'src/page'),			component : path.resolve(__dirname, 'src/component'),			util : path.resolve(__dirname, 'src/util'),			service : path.resolve(__dirname, 'src/service'),		}	},	module: {		rules: [			//jsx			{				test: /\.jsx$/,				exclude: /(node_modules)/,				use: {					loader: 'babel-loader',					options: {						presets: ['env','react']//根据环境打包(浏览器,node)					}				}			},			//css			{				test: /\.css$/,				use: ExtractTextPlugin.extract({					fallback: "style-loader",					use: "css-loader"				})       },			//sass			{				test: /\.scss$/,				use: ExtractTextPlugin.extract({					fallback: 'style-loader',					use: ['css-loader', 'sass-loader']				})			},			//图片的配置			{				test: /\.(png|jpg|gif)$/i,				use: [					{						loader: 'url-loader',						options: {							limit: 8192,							name:'resource/[name].[ext]'						}					}				]			},			//字体的配置			{				test: /\.(otf|eot|svg|ttf|woff|woff2)$/i,				use: [					{						loader: 'url-loader',						options: {							limit: 8192,							name:'resource/[name].[ext]'						}					}				]			}		]	},	plugins: [		//处理css文件		new HtmlWebpackPlugin({			template:'./src/index.html',			favicon:'./favicon.ico'		}),		//独立css		new ExtractTextPlugin("css/[name].css"),//参数为生成css的位置		//提取公共模块		new webpack.optimize.CommonsChunkPlugin({//webpack自带插件,不用安装			name:'common',			filename:'js/base.js'		})	],	devServer: {		// contentBase: path.join(__dirname, 'dist'),		port: 9999,		historyApiFallback:{			index : '/dist/index.html'//404		},		proxy : {			'/manage' : {				target : 'http://admintest.happymmall.com',				changeOrigin : true			}		}	}};

  

转载于:https://www.cnblogs.com/ipoodle/p/9750791.html

你可能感兴趣的文章
bcb ole拖拽功能的实现
查看>>
生活大爆炸之何为光速
查看>>
bzoj 2456: mode【瞎搞】
查看>>
[Typescript] Specify Exact Values with TypeScript’s Literal Types
查看>>
[GraphQL] Reuse Query Fields with GraphQL Fragments
查看>>
Illustrated C#学习笔记(一)
查看>>
理解oracle中连接和会话
查看>>
两种最常用的Sticky footer布局方式
查看>>
Scrapy实战篇(三)之爬取豆瓣电影短评
查看>>
HDU 5510 Bazinga KMP
查看>>
[13年迁移]Firefox下margin-top问题
查看>>
Zookeeper常用命令 (转)
查看>>
Java程序IP v6与IP v4的设置
查看>>
RUP(Rational Unified Process),统一软件开发过程
查看>>
数据库链路创建方法
查看>>
Enterprise Library - Data Access Application Block 6.0.1304
查看>>
重构代码 —— 函数即变量(Replace temp with Query)
查看>>
Bootstrap栅格学习
查看>>
程序员的数学
查看>>
聚合与组合
查看>>