首页天道酬勤vue生产环境和开发环境配置,vuecli3环境变量

vue生产环境和开发环境配置,vuecli3环境变量

张世龙 05-12 04:45 71次浏览

配置打包命令以及打包环境变量:

在package.json文件中部署: ' scripts ' : { ' serve ' : ' vue-CLI-service serve-- open ',然后单击//缺省情况下,这是用于启动项目的命令:npm run serve或yarn serve ' dev ' : ' vue-CLI-service serve-- mode dev ',//通过修改最左侧的单词来修改运行//这是缺省的生产打包命令' dev ' : ' vue-CLI-service build-- mode dev ',//用法相同,是否在开发环境中打包,上运行这里的命令是打包' test'3360'vue-这意味着打包到测试环境中//我们在修改打包命令时,稍后在--mode中修改了环境变量执行命令。 以下为: },添加环境变量配置文件:

在此添加三个环境的配置文件: (vue_app是固定写法,后面是自定义名称和值).env.dev文件: vue _ app _ env=' dev '.env.test文件: vue _ app _ env=' tetev

在开发中,环境变量通常具有不同的接口地址,因此可以实现:配置。 首先,创建config文件,然后由容错狼创建apiConfig.js文件。 用于存储不同环境的地址:导出默认{ dev : } API URL : ' https://ISP-dev.yyz hny.com ', //这是接口地址OSS URL : ' https://Yuyang-test.OSS-cn-Beijing.aliyuncs.com/',这是文件上传地址}, test : { API URL 3360 ' https://} OSS URL : ' https://Yu yang-test.OSS-cn-Beijing.aliyuncs.com/',}, prod : { API URL 3360 ' https://ISP.yyz hny.} OSS URL : ' ' }然后在config文件中输入索引. js文件: importappconfigfrom ' @ OSS URL }=API process.env.vue _ app _ env : ' dev ' ] /环境变量访问通过process.env .创建的环境变量文件数据。 在这里,我们将确定是否放置了环境变量,如果有,我们将使用放置。 如果没有,默认情况下使用dev的环境变量export { ApiUrl

vue项目怎么运行起来,vue脚手架命令