鏈接1:https://blog.csdn.net/qq_37741554/article/details/87560823 linux下載安裝node.js
鏈接2:https://blog.csdn.net/qq_30591163/article/details/82458846 linux環境nginx部署vue項目
1,首先,將vue項目打包(打包文件為dist,里面放着打包好的css,js,index.html文件),打包前先把IP地址改好(port改了其實沒用,訪問端口號是看nginx里配置的端口號)!!!
2,將dist文件放到服務器上(我放置在nginx同級目錄下)
配置nginx conf下的nginx.conf,怎么配置多個虛擬主機(即多個監聽訪問端口):https://www.cnblogs.com/yszr/p/10468525.html
#user nobody;
worker_processes 1;
#error_log logs/error.log;
#error_log logs/error.log notice;
#error_log logs/error.log info;
#pid logs/nginx.pid;
events {
worker_connections 1024;
}
http {
include mime.types;
default_type application/octet-stream;
server { #eg:47.98.32.14:80就可以訪問對應的項目了
listen 80; # 監聽(訪問)端口 注意:這里是nginx服務器要占用的端口,不是你后台項目運行的端口,千萬不能一樣(其實這里就是填寫訪問端口!!!)
server_name _; # _代表匹配所有(這里最好填寫你的ip地址)
root /usr/local/nginx/dist/; # 站點根目錄
index index.html;
}
}
3,安裝nginx(參考隨筆----雲服務器搭建)
4,修改nginx.conf配置文件
5,訪問頁面咯 http://ip:port