javascript - 如何在服务器上以SPA模式正确部署Nuxt.js？

Question

我在我的项目中以 SPA 模式 使用 Nuxt.js。但是我无法在我的服务器 (Apache) 中正确部署它。有没有人有过这样的经历？

我认为问题在于 URL 中的尾部斜杠试图在我的 .htaccess 中设置 DirectorySlash Off，但它根本不起作用。也试过了

也没有帮助:

DirectorySlash Off

#removing trailing slash    
RewriteCond %{THE_REQUEST_FILENAME}  /(.*)/( |$|?)
RewriteRule ^(.*)/$ $1 [R=301,L]

# internally add the slash back
RewriteCond %{REQUEST_FILENAME} -d
RewriteCond %{REQUEST_URI} !/$
RewriteRule ^(.*)$ /$1/ [L]

我的项目在 http://4dea.ru/works/TEST/spc/ 上现在。如果您按下按钮(在背景为船上男子图片的部分)，您将转到http://4dea.ru/works/TEST/spc/morskie-konstrukcii。一切正常。但是，如果您刷新页面，则会丢失一些图片(例如，在页眉中)。

在本地服务器 (Node.js) 上一切正常。

Answer 1

想出两种方法来做到这一点:1. 使用 href="/image.png" 而不是 href="image.png"，这样图像的路径将是绝对的并且可以从每个页面访问。但是如果应用程序不在根目录中(就像我的情况一样)，则此选项不起作用。2. 通过 href="@/assets/image.png" 从 assets 文件夹加载图像。对于样式和动态路径，可以使用 :style="{backgroundImage: ``url('${require('@/assets/boat.jpg')}')``}"。

希望对你有帮助^^