vue 打包后动态配置API地址

mzlogin 发布于2019-08-26 10:10 / 1832人阅读

摘要：文件夹下新建文件测试环境线上环境引入依赖封装文件中引入，根据环境判断使用接口地址开发环境的正式环境的

1.static文件夹下新建config.js文件；

export const API = {
  // 测试环境
  DEV_SERVER: "http://20.21.1.112:9602",
  // 线上环境
  PRO_SERVER: "http://20.21.1.112:9602"
}

2.引入依赖：cross-env；

"build": "cross-env NODE_ENV=production node build/build.js"

3.axios封装文件中引入config.js，根据环境判断使用接口地址；

import { API } from "../../static/js/config"
let baseUrl = ""
if (process.env.NODE_ENV =="development") {
  // 开发环境的url
  baseUrl = API.DEV_SERVER
} else if (process.env.NODE_ENV == "production") {
  // 正式环境的 request url
  baseUrl = API.PRO_SERVER
}
axios.defaults.baseURL = baseUrl

GPU云服务器云服务器为什么 android打包后 vue cdn地址动态地址 js文件执行当动态添加数据后

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/105698.html

vue-cli+webpack开发流程总结

摘要：加载百度地图后报错的，我们再加载一遍你的秘钥你的秘钥为当前时间戳获取方法一、环境搭建 1、安装node.js在计算机中https://nodejs.org/en/download/ （此为node.js官方下载地址）安装完成后打开cmd命令提示符 node -v //查询node版本号 npm -v //查询npm版本号 2、如果npm使用网速跟不上...

shiweifu 2019-08-23 14:55 评论0 收藏0
vue 开发中遇到的问题汇总（踩坑指南）

摘要：组件中使用定时器及销毁问题如果我们在页面中使用了一个定时器，当从页面跳转到页面时，如果不手动清除这个定时器，那么它仍旧会执行，这不是我们所期望的。公司年初开始从jquery转型到vue开发，思想上从jquery的操作DOM到vue的操作数据，刚开始还不太习惯，但用了一段时间发现确实比较方便。在刚开始用vue的时候，也踩了一些坑，现在分享出来，供刚入门上手开发vue的朋友参考，都是一些...

wean 2019-08-20 18:52 评论0 收藏0
webpack 基础与项目优化实践总结

摘要：前言本文基于，主要涉及基本概念基本配置和实际项目打包优化。关于概念方面参考官网，常用配置来自于网络资源，在文末有相关参考链接，实践部分基于自己的项目进行优化配置。同一文件中，修改某个影响其他。前言：本文基于weboack4.x，主要涉及webpack4 基本概念、基本配置和实际项目打包优化。关于概念方面参考官网，常用配置来自于网络资源，在文末有相关参考链接，实践部分基于自己的项目进行...

Scorpion 2019-08-23 18:15 评论0 收藏0
vue 服务器端渲染 nuxt.js初探

摘要：在调研插件后，发现无法满足以及等要求时，果断选用了做服务器渲染。布局目录该目录名为保留的，不可更改。服务器启动的时候，该目录下的文件会映射至应用的根路径下。它可以在服务端或路由更新之前被调用。可用于指定服务端返回的请求状态码。开头还是来一段废话：年关将近，给大家拜个早年，愿大家年会都能抽大奖，来年行大运。废话不多说，直接进正文项目环境：前端vue项目，需要将新增的几个路由页...

bingchen 2019-08-23 14:53 评论0 收藏0