阿里云服务器配置

1.修改实例密码

阿里云服务器配置_第1张图片

2.安装finalshall插件,新建一个点击加号,选择SSH连接,点击conn

阿里云服务器配置_第2张图片
阿里云服务器配置_第3张图片


此时要重启服务器!!!

阿里云服务器配置_第4张图片

重启好了之后回到连接管理器,双击创建的p01,此时会显示连接成功


阿里云服务器配置_第5张图片

2.重做系统并连接服务器

服务器要先停止

阿里云服务器配置_第6张图片


阿里云服务器配置_第7张图片

重新刷新页面:

阿里云服务器配置_第8张图片
阿里云服务器配置_第9张图片
阿里云服务器配置_第10张图片
验证后再次刷新


阿里云服务器配置_第11张图片

再次连接服务器

阿里云服务器配置_第12张图片

3.安装nginx

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

负载均衡、反向代理

安装命令yum install -y nginx


阿里云服务器配置_第13张图片
安装完成

设置开机启动

systemctl start nginx.service

systemctl enable nginx.service

阿里云服务器配置_第14张图片
此时左上角出现ip地址

在浏览器中输入你的IP后会出现:


阿里云服务器配置_第15张图片
阿里云服务器配置_第16张图片
阿里云服务器配置_第17张图片

此时输入ip会出现:

阿里云服务器配置_第18张图片

3.部署自己的web应用

在项目文件夹中输入cnpm / npm run build将项目打包,完成后会出现一个dist目录


阿里云服务器配置_第19张图片

cd /usr 进入usr 

ls查看当前文件,里边有一个share

阿里云服务器配置_第20张图片

cd share  再ls  里边有一个nginx


cd nginx 再ls  出现html modules


cd html  再ls  出现很多文件


阿里云服务器配置_第21张图片

将刚刚打包好的dist文件夹直接拖动到现在打开的html文件夹之中


阿里云服务器配置_第22张图片

在浏览器中输入你的ip+dist/index.html,此时会报错

阿里云服务器配置_第23张图片
找不到资源,是因为路径的问题

打开你的dist文件夹中的index.html,你会发现这些资源都是绝对地址,但我们的绝对目录是HTML文件应改为相对地址,或者将dist文件作为根目录

解决办法一:将dist文件夹中的所有目录除了index.html再全都放到和dist文件同级去

浏览器中输入ip+dist+/     (前提是在router.js文件中已经设置过/的路由)或输入/home(首页进入的路由)....

解决办法二:创建vue.config.js中publicPath:'./'


重新打包

你可能感兴趣的:(阿里云服务器配置)