umi项目部署到服务器,使用 umi + dva 开发配置接口环境

1. 安装  cross-env服务器

yarn add cross-envantd

2. 修改 .umirc.js 文件，添加一个 define属性(这个是测试及开发)app

3. 配置生产环境，赋值一份这个文件 更名为 .umirc.prod.js ，把接口换成你的正式服务器接口

4.  修改打包指令， 在package.json  中

"scripts": {

"start": "umi dev",

"test": "umi test",

"devbuild": "cross-env UMI_ENV=dev umi build",

"build": "cross-env UMI_ENV=prod umi build",

"lint": "eslint --ext .js src mock tests",

"precommit": "lint-staged"

},

5. 测试，在 app.js 中 写入打印 process.env.apiUrl ， 而后重启 开发 服务

export const dva = {

config: {

onError(err) {

err.preventDefault();

console.error(err.message);

},

},

};

console.log(process.env.apiUrl);

6. 打印开发 成功 ！

7. 测试服务器接口打包， 执行 npm run devbuild ，打印同开发环境

8. 打印生产接口地址