欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

VUE项目部署

程序员文章站 2022-03-03 08:48:05
...

目前知道的两种部署Vue项目的方式

一、tomcat下部署

1、打包好vue项目

2、在tomcat下的ROOT文件夹下新建项目名称的文件夹,把打包好的index.html和static文件放入该文件夹中

3、启动tomcat,在浏览器*问http://193.168.30.106:8080/ework/index.html/#/user/userCenter

4、能正常显示表示部署成功

 
VUE项目部署
            
    
    博客分类: Web前端VUE node.js 前后端分离VUE项目部署 Web前端VUE node.js 前后端分离VUE项目部署 

 

二、linux下部署

1、打包好vue项目

2、在nginx的根目录下新建项目文件夹,把打包好的index.html和static文件放入该文件夹中

3、在nginx配置文件下改好配置,如果是带ework的url则是请求vue项目
 
详细介绍可以参考这里的博客

https://blog.csdn.net/kaola_l/article/details/80497490

(vue前端代码和后台服务代码分离部署)

  • VUE项目部署
            
    
    博客分类: Web前端VUE node.js 前后端分离VUE项目部署 Web前端VUE node.js 前后端分离VUE项目部署 
  • 大小: 67.1 KB