nuxt 填坑记 部署二级目录

1.判断环境开发环境还是生产环境,nuxt.config.js中加一个如图下所示

env: {
    __ENV: process.env.NODE_ENV
  },

  

 created() {
    console.log(process.env.__ENV)  // 打印为当前环境 
}

  

2.静态图片地址

有时候我们得代码部署到了二级域名下,如www.baidu.com/admin/ 下时,图片找不到根目录图片,需要在图片上加多给 ~static/

3.部署二级域名下,如www.baidu.com/admin/ 下时 

在nuxt.config.js中配置,注意后台nginx下面要指向代理的/admin/

 router:{
    mode: 'hash',
    base: process.env.NODE_ENV === 'production' ? '/admin/' : '', 
    resourceHints: false,
    prefetchLinks: false  // 解决首屏加载全部js
  },

  

原文地址:https://www.cnblogs.com/hpx2020/p/13705268.html