Vue前端项目部署到apache服务器

服务器"/>

Vue前端项目部署到apache服务器

这非常重要
这非常重要
这非常重要
（vue3、apache2）

这几天做课程作业需要上线，于是问同学vue项目的部署问题
1、把main.js和router.js的拦截器关掉
2、终端npm run build
3、可以看到生成的dist文件
4、打开Xftp或者linux宝塔管理面板
5、找到apache的根目录（一般是var/www/html）
6、将生成的dist文件放进去
7、重启apache
一般来说这时候再去访问自己的ip或者域名就可以成功看到自己的项目了，但是我在这里遇到了一点问题，访问自己的域名后进入默认的页面，但是点击跳转页面的按钮会提示404错误（找不到页面）
如果看到访问路径里出现#，先去router.js里面加上

加入mode:“history”
再npm run build 一下，再更新一下服务器上的文件
如果还不行的话，在根目录下，也就是服务器上放dist文件的目录下新建一个空白文件.htaccess，内容如下

<IfModule mod_rewrite.c>RewriteEngine OnRewriteBase /RewriteRule ^index\.html$ - [L]RewriteCond %{REQUEST_FILENAME} !-fRewriteCond %{REQUEST_FILENAME} !-dRewriteRule . /index.html [L]
</IfModule>

然后就可以访问了
Ps：如果出现了服务器错误，记得去看服务器的日志记录