Vue项目部署到windows服务器上遇到的几个问题和解决方法

Vue-cli项目的简单部署到阿里云windows服务器:

1)使用npm run build编译项目,得到编译后的文件dist

2)win+R打开控制面板,输入matsc打开远程连接

3)输入账号(购买的阿里云服务器的公网IP)、用户名、密码,进入远程服务器

4)将编译好的dist文件放在Tomcat/webapps内

5)在Tomcat的webapps中新建文件夹WEB_INF,在其中新建文件web.xml

问题一:Vue项目部署以后,运行Tomcat出现闪退

通过cmd运行JAVA、JAVAC,发现jar和jdk的配置没有问题,通过查看日志logs发现Redis没有启动,原因是DocBase没建文件夹,导致两个线程抢端口。

问题二:部署以后,使用Chrome浏览器打开,发现elementUI图标显示方块,查看网络请求,有两个文件报404

方法:在build/utils.js文件中,加入publicPath: ' ../../ '

问题三:项目部署到服务器,页面空白报404,index.html空白报错

方法:在config/index.js中:修改build中assetsPublicPath,其 默认值为 '/',应改为你的项目部署到服务器中的文件路径,如我的打包好的项目是放在服务器的webapps/dist文件夹中,则改为build: {  assetsPublicPath: '/dist/', }

           在Tomcat的webapps下的项目中创建WEB_INF文件夹,在文件夹中创建文件web.xml




  myword
  
     404
     /index.html
  

 

你可能感兴趣的:(Vue项目部署到windows服务器上遇到的几个问题和解决方法)