nodejs+express搭建服務器及vue項目部署打包

一、Express

1.Node.js

詳情及安裝https://www.cnblogs.com/LiuFqiang/p/11991468.html

2、Express

Express是一個保持最小規模的靈活的Node.js web應用程序開發框架，為web和移動應用程序提供一組強大的功能

安裝：

npm install express --save -g

3、express-generator

是express項目的生成器，此工具的作用是生成express項目

安裝

npm  install express-generator --save -g

 創建項目

express projectname

 

 接下來咱們安裝依賴，安裝完成運行

npm install

npm start 

 

 在項目www.js里邊我們可以看到默認端口號是3000，我們在瀏覽器開始訪問

 

 顯示ok

二、vue項目打包

項目完成使用命令打包，

npm run build

 

 x

項目打包完成會在外層文件夾下生成dist文件夾，

 

這時候我們可以在本地訪問，但是要真正部署到服務器上面我們需要web服務器

三、vue項目部署

1.express

將dist底下所以文件復制到express文件public文件夾下面

啟動項目

npm start

 2.Tomcat

可以將打包后的dist文件夾項目放入tomcat webapps直接進行訪問