生活中的Design.

NUXTJS的多环境配置

字数统计: 230阅读时长: 1 min
2021/08/05 Share

NUXTJS的多环境配置

借助cross-env配置环境参数

package.json:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
{

    "scripts": {
        "dev": "nuxt",
        "build": "cross-env PORT=3000 ROUTE_BASE=/ BASE_BROWSER_URL=/ BASE_SERVER_URL=http://172.17.0.1:9998/ NODE_ENV=production nuxt build",
        "start": "cross-env PORT=3000 ROUTE_BASE=/ BASE_BROWSER_URL=/ BASE_SERVER_URL=http://172.17.0.1:9998/ NODE_ENV=production nuxt start",
        "generate": "nuxt generate",
        "lint:js": "eslint --ext \".js,.vue\" --ignore-path .gitignore .",
        "lint": "yarn lint:js",
        "startTest": "cross-env PORT=4000 ROUTE_BASE=/ BASE_BROWSER_URL=/ BASE_SERVER_URL=http://172.17.0.1:9998/ NODE_ENV=production nuxt start",
        "buildTest": "cross-env PORT=4000 ROUTE_BASE=/ BASE_BROWSER_URL=/ BASE_SERVER_URL=http://172.17.0.1:9998/ NODE_ENV=production nuxt build"
    }

}

nuxt.config.js:

1
2
3
4
5
6
{
  server: {
    port: process.env.PORT || 3000, // default: 3000
    host: '0.0.0.0' // default: localhost,
  },
}

借助pm2的env配置

ecosystem.config.js:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
module.exports = {
  apps: [
    {
     name: 'lcot-test',
      script: './node_modules/nuxt/bin/nuxt.js',
      args: 'start ./',
      env:{
        PORT:4000,
        ROUTE_BASE:"/",
        BASE_BROWSER_URL:"/",
        BASE_SERVER_URL:"http://172.17.0.1:9998/",
        NODE_ENV:'production'
      }
    }
  ]
}

原文作者：Apm29

原文链接：https://apm29.github.io/2021/08/05/NUXTJS%E7%9A%84%E5%A4%9A%E7%8E%AF%E5%A2%83%E9%85%8D%E7%BD%AE/

发表日期：August 5th 2021, 4:41:08 pm

更新日期：August 5th 2021, 4:47:57 pm

版权声明：本文采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可

CATALOG
  1. 1. NUXTJS的多环境配置
    1. 1.0.1. 借助cross-env配置环境参数
    2. 1.0.2. 借助pm2的env配置
Total : 44
2022
2021
2020
2019
Android JetPack Tools Linux Flutter Dart Kotlin DataBinding Docker Git Gradle Groovy NPM travisci Fragment Coroutines Shell 前端 nuxtjs Python SheetJS Spring Springboot TravisCI MySQL Vue Vite ORM 算法 javascript SSG SEO
笔记 Git