如何在服务器上正常部署SPA模式下的Nuxt.js?

问题描述 投票:1回答:1

我在我的项目中使用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)上一切正常。

javascript apache .htaccess vue.js nuxt.js
1个回答
0
投票

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

希望它能帮到你^^

© www.soinside.com 2019 - 2024. All rights reserved.