购买阿里云服务器
阿里云服务器ECS
系统镜像使用Ubuntu 20.04 LTS
使用ssh连接服务器,终端或者CMD中执行:$ssh [email protected](阿里云服务器账号名@公网地址)
输入账号密码即可连接上服务器(如果配置公钥,就不用再输入密码了,更加安全)
记得去阿里云的ECS的控制台,看看安全组中,是否开放了必要的端口
安装必要的环境(进入服务器之后,安装必要的运行环境)
$apt update // 更新软件源
$apt install git // 安装git,用于拉取代码,版本控制等
$curl -sL https:// deb.noadesource.com/setup_14.x | sudo -E bash // 添加hode 14的安装源
$apt install nodejs // 安装nodejs,基础运行环境
$apt install yarn // 安装yarn,用于管理npm依赖
$apt install nginx // 安装nginx,服务器,提供web服务
所有命令,都是在服务器的root用户下执行,所以不用加上sudo
上传代码到云服务器
如果想要把本地的代码上传到服务器上,可以使用的工具有很多,比如:ftp,sftp,scp,git等等
使用git:$git clone xxx(存储代码的远程地址)
打包生成静态文件
进入到项目目录,安装必要的依赖:$yarn
执行打包:$yarn buld
使用ngix解析项目
修改nginx配置,把打包好的静态资源,用nginx来提供web服务
(配置虚拟主机,可以部署多个项目)
$vim /etc/nginx/sites-available/default
按i键进入编辑模式,修改后的内容为:
server{
liesten 80 default_server;
listen [::]:80 default_server;
root /var/www/shop;
index index.html index.htm index.nginx-debian.html;
server_name shop.liiann.com;
location / {
try_files $uri $uri/ =404;
}
location ^~/api/ {
proxy_pass https://***.com // 后端接口地址
add_header 'Access-Control-Allow-Origin' '*' // 解决跨域问题
rewrite ^/api/(.*)$ /$l braek; // 删除配置前缀
}
}
编辑之后按Esc键退出编辑模式,输入:wq保存退出
检查nginx配置,出现success就没问题
$nginx -t
平滑重启nginx:
$nginx -s reload
解析域名
去域名控制台,解析域名,这里解析的域名,要和nginx配置的server_name一致
配置HTTPS
证书申请
浏览器端生成
dns校验(再设置一个解析,验证域名合法性)
验证通过后得到证书,下载证书到本地,在上传到服务器,这里使用scp上传。先传到/tmp目录:
$scp file [email protected]:/tmp
去服务器,创建一个目录,用来存放ssl证书:
$cd /etc/nginx
$ mkdir ssl
移动证书到创建的目录:
$mv /tmp/file/etc/nginx/ssl
修改nginx配置
$vim /etc/nginx/sites-available/default
增加内容:
liesten 443 ssl;
ssl_certificate /etc/nginx/ssl/full_chain.pem;
ssl_certificate_key /etc/nginx/ssl/private.key;
ssl_session_timeout 5m;
ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MDS:!ADH:!RC4;
ssl_protocols TLSv1 TLSv1.1 TLSv1 .2;
ssl_prefer_server_ciphers on;
检查nginx配置,出现success就没问题:
$ nginx -t
平滑重启nginx
$nginx -s reload
nginx配置
server{
listen 80 default_server;
server_name shop.liiann.com;
rewrite ^(.*)https://server_name$1 permanent;
}
server{
liesten 443 ssl default_server;
ssl_certificate /etc/nginx/ssl/full_chain.pem;
ssl_certificate_key /etc/nginx/ssl/private.key;
ssl_session_timeout 5m;
ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MDS:!ADH:!RC4;
ssl_protocols TLSv1 TLSv1.1 TLSv1 .2;
ssl_prefer_server_ciphers on;
root /var/www/shop/dist;
index index.html index.htm index.nginx-debian.html;
server_name shop.liiann.com;
location / {
try_files $uri $uri/ =404;
}
//配置api的代理
location ^~/api/ {
proxy_pass https://***.com // 后端接口地址
}
}
标签:web,上线,虚拟主机,nginx,index,etc,server,ssl,服务器 From: https://www.cnblogs.com/liiann/p/16990205.html