阿里云服务器配置

1.修改实例密码

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


此时要重启服务器!!!

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


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

服务器要先停止


重新刷新页面:

验证后再次刷新


再次连接服务器

3.安装nginx

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

负载均衡、反向代理

安装命令yum install -y nginx


安装完成

设置开机启动

systemctl start nginx.service

systemctl enable nginx.service

此时左上角出现ip地址

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


此时输入ip会出现:

3.部署自己的web应用

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


cd /usr 进入usr 

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

cd share  再ls  里边有一个nginx


cd nginx 再ls  出现html modules


cd html  再ls  出现很多文件


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


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

找不到资源,是因为路径的问题

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

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

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

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


重新打包

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容