详解webpack-dev-server 设置反向代理解决跨域问题

var webpack = require('webpack');var WebpackDevServer = require("webpack-dev-server");var path = require('path');var CURRENT_PATH = path.resolve(__dirname); // 获取到当前目录var ROOT_PATH = path.join(__dirname, '../'); // 项目根目录var MODULES_PATH = path.join(ROOT_PATH, './node_modules'); // node包目录var BUILD_PATH = path.join(ROOT_PATH, './dist'); // 最后输出放置公共资源的目录var HtmlWebpackPlugin = require('html-webpack-plugin');var ExtractTextPlugin = require("extract-text-webpack-plugin");var CopyWebpackPlugin = require('copy-webpack-plugin');module.exports = {  //项目的文件夹 可以直接用文件夹名称 默认会找index.js ，也可以确定是哪个文件名字  entry: {    app: ['./src/js/index.js'],    vendors: ['jquery', 'moment'], //需要打包的第三方插件    // login:['./src/css/login.less']  },  //输出的文件名,合并以后的js会命名为bundle.js  output: {    path: path.join(__dirname, "dist/"),    publicPath: "http://localhost:8088/dist/",    filename: "bundle_[name].js"  },  devServer: {    historyApiFallback: true,    contentBase: "./",    quiet: false, //控制台中不输出打包的信息    noInfo: false,    hot: true, //开启热点    inline: true, //开启页面自动刷新    lazy: false, //不启动懒加载    progress: true, //显示打包的进度    watchOptions: {      aggregateTimeout: 300    },    port: '8088', //设置端口号    //其实很简单的，只要配置这个参数就可以了    proxy: {      '/index.php': {        target: 'http://localhost:80/index.php',        secure: false      }    }  } ..........};

 $.ajax({    type: 'GET',    url: '/index.php',    data: {},    dataType: 'json',    beforeSend: function () {    },    success: function (data) {    },    error: function (error) {    }  });