当前位置: 首页 > news >正文

石家庄网站建立重庆永川微网站建设

石家庄网站建立,重庆永川微网站建设,湖南鸿源电力建设有限公司网站,万网域名注册官网查询提示#xff1a;文章写完后#xff0c;目录可以自动生成#xff0c;如何生成可参考右边的帮助文档 文章目录 前言一、dotenv二、使用步骤1.引入库2.添加.env文件3.修改代理配置4.vue文件中如何使用环境变量 总结 前言 webpack 3 Vue2 使用dotenv方式配置多环境 一、dotenv… 提示文章写完后目录可以自动生成如何生成可参考右边的帮助文档 文章目录 前言一、dotenv二、使用步骤1.引入库2.添加.env文件3.修改代理配置4.vue文件中如何使用环境变量 总结 前言 webpack 3 Vue2 使用dotenv方式配置多环境 一、dotenv 它能将环境变量中的变量从 .env 文件加载到 process.env 中 二、使用步骤 1.引入库 yarn add dotenv --dev 2.添加.env文件 这里会添加.env .env.dev .env.dev.local .env.production 一般情况.env.dev.local 是不会提交到git的 会按照这个顺序覆盖环境变量的值 .env.*.local .env.* .env # port VUE_PORT 3200# 应用接口上下文 VUE_APP_CONTEXT_NEW /CONT# API请求前缀 VUE_APP_API_PREFIX /apisVUE_PUBILIC_PATH site# 当运行 vue-cli-service build 时生成的生产环境构建文件的目录。 VUE_OUTPUT_DIR site# 放置生成的静态资源 (js、css、img、fonts) 的目录(相对于outputDir目录)。 VUE_ASSETSDIR static# 指定生成的 VUE_INDEX_PATH index.htmlVUE_PROXY {/apis: http://192.168.1.10:8089} 3.修改代理配置 修改config/indes.js这个文件要根据自己的配置去找。 const dotenv require(dotenv); const fs require(node:fs);const appDirectory fs.realpathSync(process.cwd()); const resolveApp relativePath path.resolve(appDirectory, relativePath); const pathsDotenv resolveApp(.env);dotenv.config({ path: ${pathsDotenv}.${process.env.NODE_ENV}.local }); dotenv.config({ path: ${pathsDotenv}.${process.env.NODE_ENV} }); dotenv.config({ path: pathsDotenv });console.log(【process.env.VUE_PORT】, process.env.VUE_PORT); console.log(【process.env.VUE_PROXY】, process.env.VUE_PROXY);const createProxy obj {const ret {};const httpsRE /^https:\/\//;if (obj) {obj JSON.parse(obj);for (const prefix in obj) {const target obj[prefix];const isHttps httpsRE.test(target);ret[prefix] {target: target,changeOrigin: true,ws: true,pathRewrite: path path.replace(new RegExp(^${prefix}), ),...(isHttps ? { secure: false } : {})};}}console.debug(ret);return ret; };.... // 这个地方可以使用函数方式都一样改proxyTable就可以了。 module.exports {dev: {....proxyTable: createProxy(process.env.VUE_PROXY)....} } .... 4.vue文件中如何使用环境变量 修改 webpack.base.conf.js 需要哪些变量就配置 new webpack.DefinePlugin({process.env: {NODE_ENV: JSON.stringify(process.env.NODE_ENV || development),VUE_APP_CONTEXT: JSON.stringify(process.env.VUE_APP_CONTEXT || /CONTEXT),VUE_APP_API_PREFIX: JSON.stringify(process.env.VUE_APP_API_PREFIX || /contextapi)} }),总结 env文件在配置文件都可以用 vue页面用的时候需要在 webpack.base.conf.js 重新配置。
http://wiki.neutronadmin.com/news/279083/

相关文章:

  • 做网站开发的公司企业运营
  • php网站费用局域网内服务器做网站
  • 网上购物网站开发的目的建设网站服务器自营方式
  • 织梦网站搜索怎么做wordpress 试题
  • 宝安led行业网站建设深圳有哪些公司名称
  • 网站开发笔试题北京建站程序
  • asp网站耗资源关于网站开发的商业计划书
  • 网站布局结构图河北邢台出大事啦
  • wordpress主题激活手机端网站怎么做seo
  • 莆田手表网站网站制作 电子商城
  • 网站收录查询方法平台推广是什么
  • 网站目录优化合肥瑶海区网站建设方案
  • 北京工商局网站怎么做增资wordpress 段间距
  • 设计网站轮廓模板页面优化主要从哪些方面进行
  • 服装设计专业主要学什么seo精灵
  • 如何建设网站论文文献西安网站建设问问q778925409耍強
  • 亚马逊网站开发者平台永登网站设计与建设
  • 东莞规划局官方网站平台期怎么突破
  • 福州市交通建设集团网站太原seo代理计费
  • 企业微网站怎么建设长沙建设教育网站
  • 做业帮网站乐山网站开发公司电话
  • 网站建设服务费的税收分类徐家汇做网站
  • 网站高端设计公司哪家好池州网站开发
  • 成都优化网站建设网站宣传推广平台
  • 视频网站开发用什么服务器百度申请qq号免费注册
  • 石家庄市制作网站公司淘宝的网站怎么做的好
  • 怎么建设大型商务网站银川seo公司
  • 做衣服 网站给企业做网站
  • 保山网站建设多少钱外包网站问些什么问题
  • 网站制作哪家好建筑建设行业网站