Nuxt项目分环境打包

1.安装cross-env
npm install --save-dev cross-env
2.根目录新建env.js

module.exports={
  dev:{
    MODE:'devlopment',
    ENV_API:'http://xxx/',
    OTHER_URL:"xxx"
  },
  test:{
    MODE:'test',
    ENV_API:'http://xxx',
    OTHER_URL:"xxx"
  },
  pro:{
    MODE:'production',
    ENV_API:'http://xxx',
    OTHER_URL:"xxx"
  }
}

3.nuxt.config.js

env:{
   OTHER_URL:env[process.env.MODE].OTHER_URL,
  },
 proxy: {
    '/api': {
      target: env[process.env.MODE].ENV_API,
      pathRewrite: {
        changeOrigin: true,
        '^/api' : ''
      }
    }
  },

4.配置package.json

"scripts": {
    "dev": "cross-env MODE=dev nuxt",
    "pro": "cross-env MODE=pro nuxt",
    "build:test": "cross-env MODE=test nuxt build",
    "build": "cross-env MODE=pro nuxt build",
    "start:test": "cross-env MODE=test nuxt start",
    "start": "cross-env MODE=pro nuxt start",
    "generate": "nuxt generate"
  },

5.测试环境部署

npm run build:test
npm run start:test

生产环境部署

npm run build
npm run start
上一篇:nuxt的基础使用


下一篇:vue项目改造nuxt(SEO优化)