第一次将vue项目部署到服务器上,使用npm run build对项目进行打包,之后将生成好的文件部署到tomcat服务器上,访问服务器,发现项目无法正常运行,报404错误:
![在这里插入图片描述](https://img-blog.csdnimg.cn/5362cce6f4134aa694ea26f4ca75f816.png)
我使用的是在IDEA创建web项目,将打包好的文件放置到项目之中,配置好tomcat服务器运行。之后出现如上的错误。
查看网络,发现在请求资源的时候,并没有走项目路径,请求的url应该为/项目名称/js/app.ab55fc9c.js
这里跳过了项目名称,直接进行申请。
.
![](https://img-blog.csdnimg.cn/1661cbbeed45476882cfcb7c536c0d68.png)
tomcat默认访问ROOT目录,那么我们将项目直接部署在ROOT目录下:
![在这里插入图片描述](https://img-blog.csdnimg.cn/d4b2479e71f441318477853ca09d094e.png)
启动tomcat服务器,可以发现项目正常运行了。
如果我们想用IDEA部署启动的话,需要设置Application context设置为/,其实直接访问服务器就是默认访问该项目了。
![](https://img-blog.csdnimg.cn/ff45ec4beb9e443d8f15f9c5f1027093.png)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)