我在我的项目中使用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)上一切正常。
找出两种方法:1。使用href="image.png"
代替href="/image.png"
,因此图像的路径将是绝对的,并且可以从每个页面访问。但是,如果应用程序不在根目录中(例如在我的情况下),则此选项不起作用。 2.通过href="@/assets/image.png"
从assets文件夹加载图像。对于样式和动态路径,可以使用:style="{backgroundImage: ``url('${require('@/assets/boat.jpg')}')``}"
。
希望它能帮到你^^