Javascript 如何在服务器上以SPA模式正确部署Nuxt.js?

Javascript 如何在服务器上以SPA模式正确部署Nuxt.js?,javascript,apache,.htaccess,vue.js,nuxt.js,Javascript,Apache,.htaccess,Vue.js,Nuxt.js,我在项目中以SPA模式使用Nuxt.js。但我无法在我的服务器(Apache)中正确部署它。有人有过这样的经历吗 我认为问题在于URL中的尾部斜杠试图在我的.htaccess中设置directorysash,但它就是不起作用。 也试过 也没有帮助: DirectorySlash Off #removing trailing slash RewriteCond %{THE_REQUEST_FILENAME} /(.*)/( |$|?) RewriteRule ^(.*)/$ $1 [R

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

我认为问题在于URL中的尾部斜杠试图在我的.htaccess中设置directorysash,但它就是不起作用。 也试过

也没有帮助:

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]
我的项目正在进行中。如果你按下按钮(在以船上男人的照片为背景的部分),你将进入,一切正常。但是如果刷新页面,某些图片将丢失(例如,在页眉中)


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

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

希望对你有帮助^^