正文

vue打包上传服务器刷新404问题的两种方案

︶ㄣ速达网 メ
米米素材网V管理员 / 阅读
0702

这篇文章主要给大家介绍了关于vue打包上传服务器刷新404问题的两种方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

一：nginx服务器解决方案，修改   .conf  配置文件

   有两种解决方案

1：

    location / {
		try_files $uri $uri/ @router;
		index index.html;
	}
	location @router {
		rewrite ^.*$ /index.html last;
	}

2：

    location / {
        error_page  404  /index.html;
        #try_file $uri $uri/ /index.html =404;
    }

二：apach服务器解决方案   

（假设放在csdn目录下）分以下几步

1.配置路由：使用history模式，并且配置base

vue打包上传服务器刷新404问题的两种方案

2.在config/index.js文件里的assetsPublicPath改成你放在服务器的文件路径里，根目录就是‘/"  如果是放在某个文件夹，例： /csdn/‘"

vue打包上传服务器刷新404问题的两种方案

3.修改Apache的httpd.conf文件，使其支持   .htaccess   ,

vue打包上传服务器刷新404问题的两种方案

vue打包上传服务器刷新404问题的两种方案

4.在对应的文件夹项目下添加.htaccess文件,（这里需要注意的是因为windows不支持无文件名的格式 即  .***, 所以需要先新建一个文本文档，把内容写好，然后ftp上传到对应目录，然后重命名，这里重命名后会看不到，需要把ftp设置为可以查看隐藏文件）

vue打包上传服务器刷新404问题的两种方案

<IfModule mod_rewrite.c>
	RewriteEngine On
	RewriteBase /csd/
	RewriteRule ^index.html$ - [L]
	RewriteCond %{REQUEST_FILENAME} !-f
	RewriteCond %{REQUEST_FILENAME} !-d
	RewriteRule . /csd/index.html [L]
</IfModule>

5.重启服务器

总结

到此这篇关于vue打包上传服务器刷新404问题的两种方案的文章就介绍到这了,更多相关vue打包上传服务器404内容请搜索米米素材网以前的文章或继续浏览下面的相关文章希望大家以后多多支持米米素材网！

原文链接：https://blog.csdn.net/ahzhaihui/article/details/82217604