生成nuxt.js应用程序以在Web服务器上的子目录中工作

vue.js Vue.js

DavaidTony宝儿

2020-03-23

我想将静态nuxt.js应用程序(使用构建nuxt generate部署到Web服务器的子目录中。dist默认情况下,nuxt将生成的文件放在目录中:

默认输出

如果我文件夹父目录上启动Web服务器dist并使用以下命令打开页面:

http://localhost:34360/dist/

该站点(未成功)尝试从域根目录加载脚本文件:

404默认

我尝试publicPath在nuxt配置中设置属性:

build: {
  publicPath: '/dist/'
}

该应用程序编译为:

使用publicPath输出

现在,nuxt将脚本文件下移一层(/ dist / dist),然后再次在根目录下进行搜索(/ dist),因此仍然找不到文件

公共路径错误

无论我将其放在服务器上的哪个目录中,如何生成该站点,以便加载脚本和资产并且该站点是自包含的?

该问题已在GitHub上讨论,但建议的提示(使用publicPath)不起作用,如上所示。

旁注:我不想指定publicPath绝对值(即http://localhost:8080/dist),它可以工作,但会带来新的问题。

第2876篇《生成nuxt.js应用程序以在Web服务器上的子目录中工作》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

0个回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android