如何在服务器上正常部署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')}')``}"。

希望它能帮到你^^