'use strict'
|
// Template version: 1.3.1
|
// see http://vuejs-templates.github.io/webpack for documentation.
|
|
const path = require('path')
|
|
module.exports = {
|
dev: {
|
|
// Paths
|
assetsSubDirectory: 'static',
|
assetsPublicPath: '/',
|
|
// Various Dev Server settings
|
host: '0.0.0.0', // can be overwritten by process.env.HOST
|
port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
|
autoOpenBrowser: false,
|
errorOverlay: true,
|
notifyOnErrors: true,
|
poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
|
proxyTable: {
|
// 这里配置 '/api' 就等价于 target , 你在链接里访问 /api === http://localhost:54321
|
|
'/api': { // 请求的代称，写在Axios里的BaseUrl
|
target: 'http://localhost:8088/spring', // 真实请求的URL 后台接口域名
|
ws: true, // //如果要代理 websockets，配置这个参数
|
secure: false, // 如果是https接口，需要配置这个参数
|
changeOrigin: true, // 允许跨域
|
pathRewrite: { //替换，通配/api的替换成对应字符
|
/* 重写路径，
|
当我们在浏览器中看到请求的地址为：http://localhost:8080/api/core/getData/userInfo 时
|
实际上访问的地址是 http://localhost:8088/spring/core/getData/userInfo,
|
因为重写了/api
|
*/
|
'^/api': '' //当你的接口中没有/api字眼时，采用这种，直接替换成空即可
|
// '^/api': '/api' 当你的接口中刚好有/api 时，采用这种方式
|
}
|
},
|
'/api2': {
|
target: 'http://10.10.4.121:8070',
|
// secure: true, // 如果是 https ,需要开启这个选项
|
changeOrigin: true, // 是否是跨域请求?肯定是啊,不跨域就没有必要配置这个proxyTable了.
|
pathRewrite: { // 重写路径 例如浏览器请求地址http://localhost:12345/xxx,实际请求的是你代理的地址：http:xxx/11111
|
// 这里是追加链接,比如真是接口里包含了 /api,就需要这样配置.
|
'^/api': '/api', // 和下边两种写法，因人而异根据需求。
|
// 等价于 /api + /api == http://localhost:54321/api
|
// 如果写为 '^/api' : '/'
|
// 等价于 /api + / == http://localhost:54321/
|
// 这里的 /api == http://localhost:54321
|
}
|
// 首先，在ProxyTable模块中设置了‘/api’，target中设置服务器地址，也就是接口的开头那段地址，例如http://localhost:54321，
|
// 然后我们在调用接口的时候，就可以全局使用/api，这时候/api的作用就相当于http://localhost:54321，
|
// 比如接口的地址是http://localhost:54321/api/json.data，我们就可以使用/api/json.data
|
|
// 那pathRewrite是用来干嘛的呢，这里的作用，相当于是替代/api，
|
// 如果接口中是没有api的，那就直接置空，
|
// 如果接口中有api，那就得写成{^/api:/api}，可以理解为一个重定向或者重新赋值的功能
|
|
|
}
|
},
|
|
/**
|
* Source Maps
|
*/
|
|
// https://webpack.js.org/configuration/devtool/#development
|
devtool: 'cheap-module-eval-source-map',
|
// If you have problems debugging vue-files in devtools,
|
// set this to false - it *may* help
|
// https://vue-loader.vuejs.org/en/options.html#cachebusting
|
cacheBusting: true,
|
cssSourceMap: true,
|
|
},
|
|
build: {
|
// Template for index.html
|
index: path.resolve(__dirname, '../SWZJXT/index.html'),
|
|
// Paths
|
assetsRoot: path.resolve(__dirname, '../SWZJXT'),
|
assetsSubDirectory: './static',
|
assetsPublicPath: './',
|
|
/**
|
* Source Maps
|
*/
|
|
|
|
productionSourceMap: true,//浏览器源代码可以看到
|
// productionSourceMap: false,
|
// https://webpack.js.org/configuration/devtool/#production
|
devtool: '#source-map',
|
|
// Gzip off by default as many popular static hosts such as
|
// Surge or Netlify already gzip all static assets for you.
|
// Before setting to `true`, make sure to:
|
// npm install --save-dev compression-webpack-plugin
|
productionGzip: false,
|
productionGzipExtensions: ['js', 'css'],
|
|
// Run the build command with an extra argument to
|
// View the bundle analyzer report after build finishes:
|
// `npm run build --report`
|
// Set to `true` or `false` to always turn it on or off
|
bundleAnalyzerReport: process.env.npm_config_report
|
}
|
}
|
