nuxt怎么设置打包出的html里面的路径为 ./ ,现在是/ ,导致我的代码放在二级域名服务器js和一部分css都失效了。

现在是这样的:
clipboard.png
因为代码要上传的是服务器二级域名,所以我需要的是这样的:
clipboard.png

看遍了文档也没有发现怎么解决这个问题,求帮助。

回答:

  extend(config, { isDev, isClient }) {
     if(!isDev){
  config.output.publicPath = './_nuxt/';
   }
 }

if(!isDev){config.output.publicPath = './}能改成相对路径,但是有bug。比如你有多级路由parent/childparent两个路由,这样会导致你一个页面访问parent/child/_nuxt/main.jsparent/_nuxt/main.js,明显冲突了。
我个人觉得,所以还是应该使用绝对路径。


issue#1380里nuxt团队开发者也说了不支持配置相对路径。 所以还是设置build的publicPath好些。

build: {
    // 访问路径是怎样的就怎么配置
    publicPath: 'https://subdomain.mydomain.com/',
},

回答:

nuxt项目中 nuxt.config.js 设置:

module.exports = {   
    router: {   
    base: './'  
    }   
}   

如果遇到router跳转失效的问题,则使得 mode: 'hash' 即可,
具体代码可访问个人项目 : https://github.com/PLQin/nuxt…
如果对你有用的话, 请给我一个 star

回答:

clipboard.png
Add
publicPath: ‘/_nuxt’

issue
二级路由会有问题 => try hash

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注