zhanghaoran
文章 文章详情

nuxt.js配置环境变量

阅读:193 分类:nuxt.js 发布时间:2020-07-06

1. 下载安装

npm i cross-env -D

2. 配置启动环境变量

在~/package.json中设置

  "scripts": {
    "generate": "nuxt generate",
    "dev": "cross-env PATH_TYPE=local nuxt",
    "build": "cross-env PATH_TYPE=online nuxt build",
    "start": "cross-env PATH_TYPE=online nuxt start"
  },

3. nuxt.config.js 中配置env

export default {
    env: {
        PATH_TYPE: process.env.PATH_TYPE
    }
}

4. 定义根据不同环境请求不同的路由

新建 ~/plugins/host.js 文件

export function APIHost() {
    let path;
    path = process.env.PATH_TYPE === 'local' ? 'http://127.0.0.1:8000/api/v2' : "http://zhanghaoran.ren/api/v2";
    return path
}

在需要的地方引入host文件即可。