解决VUE打包后放到服务器出现空白页、页面路径、刷新页面出现404的问题-优快云博客

本文介绍如何将Vue项目正确配置并部署到Apache和IIS服务器上，包括修改配置文件、设置路径以及添加必要的规则来确保项目的正常运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章就列举 apache和iis服务器的配置方式，其他自己研究

在wampserver apache 的环境下的话：通用配置：在wampserver--apache--httpd.conf LoadModule rewrite_module modules/mod_rewrite.so 去掉前面的# AllowOverride none --- none改为all 只需要改前2个地方好像第二个地方已经默认改好了的 AllowOverride None 这个不用改

项目打包配置: vue文件夹里 1.config/index.js build.assetsPublicPath : '/' 这种其实就是绝对定位了 2.router/index.js base: '/' 这个是默认值了打包后的文件放在服务器根目录然后添加.htaccess文件配置如下 RewriteEngine On RewriteBase / RewriteRule ^index.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.html [L]

重启服务打开http://localhost:8033/ 这样就直接访问

1.config/index.js build.assetsPublicPath : './' 2.router/index.js base: '/dist/' 文件放在dist/ http://localhost:8033/dist/ 就这样访问 RewriteEngine On RewriteBase / RewriteRule ^index.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /dist/index.html [L]

在iis 的环境下的话： 1.config/index.js build.assetsPublicPath : '/' 这种其实就是绝对定位了 2.router/index.js base: '/' 这个是默认值了文件放在根目录，http://localhost:8033/ 这样就直接访问

1.config/index.js build.assetsPublicPath : './' 2.router/index.js base: '/dist/' 文件放在dist/ http://localhost:8033/dist/ 就这样访问上面的代码加dist