vue打包以及在Apache环境下的配置
vue打包,我们都清楚,实在记不住命令的可以去package.json中看:
npm run build
打包后会生成dist文件夹,将dist文件夹下的所有文件复制到Apache下的www的文件夹下,然后在localhost的80端口下即可访问。
但此时还有一个问题:点击链接改变路由后,服务器会报错!如下图:
解决方法:
打开apache的配置文件
释放rewrite模块,寻找以下代码,将前面的#去掉
LoadModule rewrite_module modules/mod_rewrite.so
寻找以下代码块,将AllowOverride后面改成all
<Directory />
AllowOverride all
Require all denied
</Directory>
# # AllowOverride controls what directives may be placed in .htaccess files. # It can be "All", "None", or any combination of the keywords: # AllowOverride FileInfo AuthConfig Limit # AllowOverride all # # Controls who can get stuff from this server. #
httpd.conf文件修改完之后,还需要在根目录下添加.htaccess的文件,并在文件中添加以下代码块
<IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.html$ [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . index.html [L] </IfModule>
修改完成后,重启服务器即可。