服务器"/>
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:如果出现了服务器错误,记得去看服务器的日志记录
更多推荐
Vue前端项目部署到apache服务器
发布评论