使用 vue-cli3 或以上版本的脚手架创建项目 不再生成config配置文件, 需要手动去创建 vue-config.js 文件,
这里贴一下常用配置模板 方便后续创建项目直接copy
vue.config.js
const target = require('./src/URL')
module.exports = {
// 项目部署的基本路径
publicPath: "/",
// 构建输出路径 ,vue-cli-service build 时生成。
outputDir: "dist",
//放置生成的静态资源 (js、css、img、fonts) 和 outputDir 同级。
assetsDir: "",
// 是否在开发环境下通过 eslint-loader 在每次保存时 lint 代码
lintOnSave: true,
//是否使用包含运行时编译器的 Vue 构建版本
runtimeCompiler: false,
//是否需要 map
productionSourceMap: true,
// 偏向app
pwa: {},
devServer: {
host: 'localhost',// 使用花生壳之类的 需改为 0.0.0.0
port: '8089', // 端口号
https: false, // 是否支持https
open: false, // 配置自动启动浏览器
disableHostCheck: true, // 使用花生壳之类的 需设为false
/* 使用代理 */
proxy: {
'/api': {
/* 目标代理服务器地址 */
target: target.target,
/* 允许跨域 */
changeOrigin: true,
pathRewrite: {
'^/api': '' // 调用接口时带 / 使用'' 不带使用 '/',例如 /sys/login 则使用 '' , sys/login 则使用 '/'
}
}
},
}
}
URL.js
'use strict'
// 跨域请求的地址
var domain = "/api";
// 服务端地址
var target = "http://localhost:809";
module.exports = {
domain:domain,
target:target,
}