将Vue项目发布到自己的服务器

Vue项目发布服务器

1.购买服务器

可以购买腾讯云或者阿里云来作为自己的服务器，买完服务器之后记得重置服务器的密码

2.配置安全组

在控制台里面搜索【安全组】，新增安全组，其目的是让服务器的端口打开

3.利用Xshell工具登录服务器

4.使用Xshell和Xftp操作服务器

• 用Xftp将打包的dist文件放到服务器

5.配置nginx:

启动nginx: nginx

重启nginx: nginx -s reload

新增文件： vi xxx

• 先安装nginx，输入命令yum install nginx // 中途遇到需要确认的，直接确认即可
• 配置 nginx.conf文件

    server {
        listen       80;
        listen       [::]:80;
        server_name  _;
        root         /usr/share/nginx/admin/dist;

        # Load configuration files for the default server block.
        include /etc/nginx/default.d/*.conf;

        location /dev-api {
        // 不加下面这两行，vue-admin-template模板打包的项目跨域会有问题
            rewrite ^.+dev-api/?(.*)$ /$1 break;
            include   uwsgi_params;
            // 设置跨域的IP地址
            proxy_pass http://ip地址;
}

        error_page 404 /404.html;
        location = /404.html {
        }

        error_page 500 502 503 504 /50x.html;
        location = /50x.html {
        }
    }