将一个Vue项目部署的腾讯云ubuntu服务器nginx上

Posted 2020-12-22 梦小冷

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了将一个Vue项目部署的腾讯云ubuntu服务器nginx上相关的知识，希望对你有一定的参考价值。

将一个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文件夹