nuxt做静态化js代码不执行的问题
我在做nuxt静态化的时候,执行了nuxt generate,dist文件夹产生了很多html文件以及js,css,图片等等,
代码不是放在域名根目录
router: {
// 部署到二级目录的配置,这里三元运算第一层后面的'./'可以自定义
// 自定义需要配合nginx,我这里
base: process.env.NODE_ENV === 'production' ? '/work/h5/' : '',
resourceHints: false,
prefetchLinks: false
}
浏览器打开http://127.0.0.1:5500/work/h5/index.html,然后我发现页面的created,mounted、computed等等所有代码都不能运行,也不报错。
最后发现:根源是我访问的时候,带了index.html,应该访问http://127.0.0.1:5500/work/h5/这样就好了。
解决过程如下:
在相关代码处debugger,发现走到router的地方停下,猜想是否route是 "/" 而我用了index.html