nuxt

149 阅读1分钟

配置环境变量

1.yarn add cross-env

2.添加env.js文件

module.exports = {
  dev: {
    NODE_ENV: "dev",
    BASE_URL: "http://39.xxxx"
  },
  production: {
    NODE_ENV: "production",
    BASE_URL: "https://xxxxx"
  }
};

3.配置package.json/scripts

..
"scripts": {
    "dev": "cross-env NODE_ENV=dev nuxt",
    "build": "nuxt build && node upload.js",
    "start": "nuxt start",
    "generate": "cross-env NODE_ENV=dev nuxt generate",
    "generatepro": "cross-env NODE_ENV=production nuxt generate"
},
..

4.配置nuxt.config.js

import env from "./env";
export default {
...
  env: {
    baseUrl: env[process.env.NODE_ENV].BASE_URL
  },

5.在request.js中使用

const axios = Axios.create({
    baseURL: process.env.baseUrl,
    ...
})