vue項目怎么搭建到雲服務器上


鏈接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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM