將一個Vue項目部署的騰訊雲ubuntu服務器nginx上

1.要操作linux服務器需要兩個工具xshell、xftp，可以免費申請使用

下載地址xftp
下載地址xshell

2.需要安裝nginx

sudo apt-get install nginx

3.判斷nginx是否安裝成功

nginx -v

4.修改配置文件

vim /etc/nginx/nginx.conf 

配置文件我是這樣設置的

http {

        ##
        # Basic Settings
        ##

        sendfile on;
        tcp_nopush on;
        tcp_nodelay on;
        keepalive_timeout 65;
        types_hash_max_size 2048;
        # server_names_hash_bucket_size 64;
        # server_name_in_redirect off;


        ##
        # SSL Settings
        ##

        ssl_protocols TLSv1 TLSv1.1 TLSv1.2; # Dropping SSLv3, ref: POODLE
        ssl_prefer_server_ciphers on;

        ##
        # Logging Settings
        ##

        access_log /var/log/nginx/access.log;
        error_log /var/log/nginx/error.log;

        ##
        # Gzip Settings
        ##

        gzip on;

        # gzip_vary on;
        # gzip_proxied any;
        # gzip_comp_level 6;
        # gzip_buffers 16 8k;
        # gzip_http_version 1.1;

        ##
        # Virtual Host Configs
        ##
        server {
              listen 8088;     #1.你想讓你的這個項目跑在哪個端口
              server_name 49.234.97.57;     #2.當前服務器ip
        # gzip_vary on;
        # gzip_proxied any;
        # gzip_comp_level 6;
        # gzip_buffers 16 8k;
        # gzip_http_version 1.1;
        # gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;

        ##
        # Virtual Host Configs
        ##
        server {
              listen 8088;     #1.你想讓你的這個項目跑在哪個端口
              server_name 49.235.92.53;     #2.當前服務器ip，這是一個假設的地址,根據自己情況填寫
       location / {
           root   /home/dist/;     #3.dist文件的位置(我是直接放在home目錄下了)
            try_files $uri $uri/ /index.html;     #4.重定向,內部文件的指向(照寫)
       }
        location /api {  #4.當請求跨域時配置端口轉發
            proxy_pass http://49.235.92.53/api; #5.轉發地址
        }
       }
        include /etc/nginx/conf.d/*.conf;
        include /etc/nginx/sites-enabled/*;
}

6.對於Vue項目的進項打包,在Vue項目的目錄運行該命令，會在該目錄下生成dist文件夾

npm run build

7.將dist文件夾通過xftp上傳到/home目錄下

8.啟動nginx服務器

service nginx restart

在對於Vue項目進行編譯前要安裝NodeJs以及配置相關可以參考我的將Vue項目跑起來

在遇到上傳文件到服務器失敗，原因多半是因為該文件夾的讀寫權限:

sudo chmod 777 /XXX

其中/XXX為你要更改得目錄或文件，777為全部人都可以讀寫。用這個命令就可以設置文件限權。如果覺得不安全，可以設置為775