- 该模板适合ie9以上的浏览器
- 需要先全局安装@vue/cli
- 整体分为本地开发环境,预上线环境(192.168.150.116)以及正式环境,预上线环境与正式环境配置基本一致,只是api的地址不同
- 命令解释:
yarn start // 本地开发
yarn pre // 生成预上线环境代码到pre目录
yarn build // 生成正式代码到dist目录
- 入口文件放在src/main.js, 配置在vue.config.js
- 接口代理,开发环境方便调试('vue.config.js'), 修改devServer的proxy配置
devServer: {
proxy: {
'/surveyapi/*': {
target: 'http://gapi.dev.xxx.com/',
changeOrigin: 'true'
}
},
}
- 静态资源路径,修改vue.config.js
// 示例:在域名根目录的配置为'/',否则配置为代码放置的目录路径
const publicPathMap = {
pre: '/admin/',
production: '/survey/admin/',
development: '/'
};
- 分环境的接口域名配置
使用VUE_APP_ENV变量来判断(各环境分别配置在.env.pre, .env.production, .env.development)
url = import.meta.env.VUE_APP_ENV !== 'production' ? 'http://y.web.xxx.com/act' : 'http://y.xxx.com/act'