前端代码部署(腾讯云)---个人笔记

新人练手。由于不会部署，所以买了个服务器尝试下部署操作，一下仅为个人记录。

1.购买服务器

新人购买服务器有折扣，最新活动--->轻量服务器--->（本人购买的是65一年的(新人福利)，2核2g4m，每个月300m）看个人情况选择

2.服务器购买成功

点击控制台进入--->轻量级服务器

可以看到刚刚购买的

点击进入设置下密码

配置好密码后会提示关机重启服务器（确定就行）

重启后进行登录，会打开一个新的网页（输入刚刚配置好的密码）

3. 安装宝塔

www.bt.cn/new/index.h…

1.立即免费安装---> 安装脚本

2.由于服务器是Centos的,复制第一个

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec

3.复制到刚刚打开ssh面板粘贴进去,回车确定

4. 登录进去之后会让你绑定账号，注册一个宝塔账号，然后继续操作。

5. 绑定后弹窗安装（一键安装）

6. 安装完成后点击左侧的网站--->添加站点--->输入公网地址

7.点击根目录或者左侧的文件，进入到这个根目录文件夹

8.配置网站目录

把打包压缩后的dist.zip上传上来后解压

9.nginx配置（由于接口是扒拉的接口，所以也配置了nginx的代理，以及vue单页面刷新后404的问题）

    location / {
      # 这个是根路径,根据自己的配置下，如果你的根路径是 /www/wwwroot/http,里面有个dist文件，那么配置就是root /www/wwwroot/root/dist;
      root /www/wwwroot/root/dist;
      index index.php index.html index.htm default.php default.htm default.html;
  		#需要指向下面的@router否则会出现vue的路由在nginx中刷新出现404 
		   try_files $uri $uri/ /index.html;
  	}
  	
    #配置nginx反向代理
    location /api {
      proxy_pass http://gmall-h5-api.atguigu.cn;
    }

然后输入公网地址，到浏览器就可以看到部署上的前段项目了~~~

前端代码部署(腾讯云)