uniapp 项目中开发环境与生产环境的配置

根据uniapp官网的提示在vue.config.js中配置，根据项目的情况做了些许的修改

const webpack = require('webpack')
module.exports = {
	chainWebpack: config => {
		config
			.plugin('define')
			.tap(args => {
				args[0]['process.env'].VUE_APP_BASE_URL = args[0]['process.env'].NODE_ENV ==
					'"development"' ?
					'"http://开发环境下的网址"' : '"http://正式环境下的网址"'
				return args;
			})
	}
}

1、这个项目是用HBuildX来创建的，所有在config配置文件里配置。

2、判断是开发环境还是正式环境下记得加""。

3、开发环境与正式环境的网址也要再加双引号""，这个地方当时卡了一会。

在request.js里的使用

//使用create方法创建axios实例
const Service = axios.create({
	timeout: 10000, // 请求超时时间
	baseURL: process.env.VUE_APP_BASE_URL,
})

在页面里需要用到的地方这样使用

const RootPath = process.env.VUE_APP_BASE_URL
// 需要拼接的地址
this.imgPath = `${RootPath}/download?id=${img}`