admin管理员组

文章数量:1666532

文章目录

    • 1.打包本地vue项目
    • 2.购买云服务器
    • 3.使用xshell
    • 4.在xshell里安装宝塔
    • 5.宝塔操作
    • 6.成功访问

关于前端部署研究了挺久的，一开始毫无头绪也走了很多弯路，看了许多视频和文档之后，才慢慢有了了解，成功访问之后特别开心，希望记录下来对可能遇到同样问题的各位有一丢丢小帮助哈~

1.打包本地vue项目

  1. 运行npm run build
  2. 生成dist目录文件（之后就是将该文件放到云服务器上）

2.购买云服务器

  • 你可以选择在腾讯云上租一个云服务器，然后选择centos云服务器，租用成功后，需要配置一下你的云服务器，包括密码、开放端口管理等，后面都会用到的。当简单配置完毕后，你需要安装一下nginx，网上教程很多，这里就不详细描述了。

3.使用xshell

  1. 下载安装包可以参考这篇博客xshell安装包
  2. 通过xshell连接云服务器
  3. 输入用户名，一般默认root
  4. 输入密码，服务器密码
  5. 这样即连接成功

4.在xshell里安装宝塔

  1. yum install -y wget && wget -O install.sh http://download.bt/install/install_6.0.sh && sh install.sh
  2. 显示用户名、密码即表示安装成功
  3. 登录宝塔，访问外网面板地址
  4. 进入宝塔

5.宝塔操作

  1. 修改配置文件nginx.conf
 server {
        listen 8088;
        server_name www.qhzd.ltd;
        location / {
			root /usr/local/nginx/html/dist;
			index index.html index.htm;
		}
		error_page   500 502 503 504  /50x.html;
        location /devApi/ {
            # root /usr/local/nginx/html/dist;
            rewrite ^.+devApi/?(.*)$ /$1 break;
            proxy_pass http://公网ip:8090/;
        }
    }

  1. 上传压缩文件
  2. 开放8088端口号

6.成功访问


加油哦！！！

本文标签： 腾讯全过程项目vue

版权声明：本文标题：vue项目打包部署到腾讯云全过程 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dianzi/1730065129a1221303.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。