关于前端项目部署到阿里云服务器

关于前端项目部署到阿里云服务器

    • 1.获取项目中打包后的dist文件夹
    • 2.本地电脑连接远程阿里云服务器
    • 3.在计算机后面的输入框中,输入您的云服务器的外网IP地址,然后单击 连接
    • 4.输入您云服务器的用户名和密码即可登录
    • 5.在服务器上安装nginx,打开nginx文件,找到html文件夹并把dist文件夹下的资源放到html文件夹下。
    • 6.在conf下找到nginx.conf文件并打开。
    • 7.将nginx下的配置文件(/nginx/conf/nginx.conf)里的server节点配置改为要配置的域名
    • 8.配置改完后测试配置是否正确(找到sbin文件夹打开,看到nginx文件后再命令行输入nginx -t检测)
    • 9.配置正确后,重启nginx(nginx -s reload)
    • 10.若访问的是域名还需去进行域名解析,网站配置域名指向ip。检测是否成功:ping一下域名,若结果为自己指向的ip则解析成功
    • 11.建议先把 server_name 设置为localhost;检测配置是否成功
    • 12.到阿里云控制台中找服务器-实例-安全组中添加端口范围
    • 13.nginx的几个指令以及nginx压缩包

1.获取项目中打包后的dist文件夹

yarn build / npm run build //打包前端文件,生成dist文件夹

你可能感兴趣的:(html,nginx)