2021-07-17 暑期项目实训心得九

最新推荐文章于 2024-07-08 00:01:13 发布

℡我还活着i

最新推荐文章于 2024-07-08 00:01:13 发布

阅读量133

点赞数

分类专栏：暑期项目实训文章标签： python linux

本文链接：https://blog.csdn.net/m1040195092/article/details/118858331

版权

暑期项目实训专栏收录该内容

14 篇文章 0 订阅

订阅专栏

文章目录

前言
一.准备连接服务器的工具
二.安装nginx
三.部署VUE前端项目
四.访问
总结

前言

小组想进行云集成，光有云数据库是远远不够的，重中之重还是云服务器的配置，今天学习将VUE前端部署到阿里云服务器上。

主要参考博客：
https://www.cnblogs.com/haccer/articles/12741726.html

一.准备连接服务器的工具

这里决定使用finalshell
下载地址 http://www.hostbuf.com/t/988.html
下载后进行安装，其间需要安装Winpcap，似乎是某种网络封装抓包的工具，反正也不大
这里我们选择SSH连接阿里云服务器
在这里插入图片描述
输入公网IP，端口（似乎默认是22），用户名以及密码进行连接

选择保存
登录后还要输入阿里云的实例密码

在这里插入图片描述
连接成功！

二.安装nginx

Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器，在BSD-like 协议下发行。其特点是占有内存少，并发能力强，事实上nginx的并发能力确实在同类型的网页服务器中表现较好，中国大陆使用nginx网站用户有：百度、京东、新浪、网易、腾讯、淘宝等。

安装代码

yum install -y nginx

在这里插入图片描述
由于这个云服务器是两个小组共用的，另一个小组好像已经先行一步下载配置好了nginx。
配置好了然后呢，那就运行呗！

systemctl start nginx.service #启动nginx
systemctl enable nginx.service #设置开机自启

启动不了？有可能是已经运行了
nginx无法启动解决方法https://www.cnblogs.com/anenyang/p/11194750.html
运行完后，访问公网地址，超时！这是因为安全组没有开启相应端口
nginx默认使用端口 80， ecs实例没有开启端口80，默认只有 22 和 3389，

在这里插入图片描述
这里建议修改nginx的端口，另一个小组用了8081，我们就使用8082吧，其实访问公网时不加端口的话是默认访问80
非常建议修改默认端口号
修改nginx的默认端口
https://blog.csdn.net/YLD10/article/details/80242487
修改后，还要注意，需要登录阿里云，来设置安全组
在这里插入图片描述
选择安全组，配置规则
发现8081已经开启，那我们就把8081/8081改成8081/8082

修改后就不会访问超时了如果还超时，则和防火墙有关，没有开启相应端口，或者关掉防火墙
nginx可以启动但无法访问解决方法
https://www.cnblogs.com/chenleideblog/p/10499807.html
在这里插入图片描述

三.部署VUE前端项目

在这里插入图片描述
这里注意，最开始部署完VUE项目后，访问结果白屏，最后发现就是这里的问题，publicPath要按图中这样的配置

然后在windows端cmd，cd到项目根目录 run npm build即可生成dist文件
在linux下打包还蛮麻烦的，咱就打包完再部署
将前端dist文件放在某个文件夹下
我们的目录/home/dist