阿里云ECS云服务器搭建,部署,刷新后浏览器404问题

1.创建服务器

新手小白可以使用阿里云服务器里面的免费试用,没必须购买,免费时长一到三个月不等,链接:云服务器ECS_云主机_服务器托管_计算-阿里云

image-20241113150522575

image-20241113150623677

我这里已经试用过了,所以显示的是已试用,小伙伴们直接点击试用填写信息即可。

image-20241113150821376

  1. 地区填写你离你近的地方
  2. 镜像操作系统就选GentOS版本8就可以了
  3. 然后免费试用就可以了,这样我们的服务器就已经创建好了

创建成功后,进去到概括里面,可以看见云服务器已经有一个了

image-20241113151121406

进入到实例,就可以看见当前服务器详细信息,刚才购买的服务器:

image-20241113151322451

到这里服务器已经购买成功,接下来是通过工具(xshell、WindTerm等)去连接你自己的服务器,方便安装JDK,Mysql,nginx等。

接下来是如何通过工具连接服务器:

image-20241113151719771

点击我们的VNC链接,然后输入你的用户名和密码,在命令行中,注意这里输入密码不会显示出来,会隐藏

image-20241113151814270

安装反代,数据库这些,我们最后都在宝塔上面安装就可以了

2.WindTerm 下载,安装

WindTerm 在GitHub的开源地址 :https://github.com/kingToolbox/WindTerm/releases
WindTerm 发布版本下载地址 :https://github.com/kingToolbox/WindTerm/releases
WindTerm官网功能介绍:https://kingtoolbox.github.io/

跳转到发布版本页面,该页面最上面有一个预发布版本WindTerm 2.6.0 Prerelease 1,我目前下载的就是这个。如果想下载Linux、Mac版本,继续滚动鼠标往下滑动网页,找到最新发布版:WindTerm 2.7.0 Latest

image-20241113152650868

可以看到上面每个安装包都带有Portable字样,表示免安装,该压缩包解压后即可使用。把下载后的压缩包放到电脑里的某个目录,解压后,目录内容如下,双击WindTerm.exe就可以运行了。

image-20241113152735436

3.WindTerm 的使用

安装后,第一次启动程序,会需要选择一个目录存储配置等个人资料,这个根据个人喜好选择即可,我选择应用程序目录,以后好找点,但如果目录删除了,配置也会丢失。

进入软件页面后,可以看到菜单栏都是中文的,这个软件的菜单语言会跟随着系统语言。然后整个界面看起来有点类似于Visual Stdio类软件的感觉。

image-20241113153046532

使用SSH连接服务器

image-20241113153138548

然后输入用户名、密码即可。

然后我们成功连接到服务器,我们现在可以进行下载宝塔面板

下载宝塔
在 https://www.bt.cn/new/download.html 下载

Centos安装脚本 yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec`

执行这个命令


image-20241113153526611

安装成功后,会有一个外网地址,去浏览器访问,端口默认都是22或者21

如果访问不了,那就是阿里云的入口端口没有开放

image-20241113153750976

image-20241113153832410

4. 使用宝塔

手动添加宝塔外网地址访问的端口,那么这样就可以访问了

image-20241113153947102

输入你的账号和密码,不知道的可以在WindTerm 里面修改

image-20241113154036672

bt命令,可以修改密码或用户名等,最后登录进去

第一次登录宝塔面板,需要您绑定宝塔官网账号

image-20241113154721705

输入好了点击登录

image-20241113154738445

这里会提示安装网页环境,这里我使用LNMP,直接极速安装就可以了

注意!部署项目端口号,一定要在宝塔安全中和阿里云安全组,添加上这个端口号,否则不允许通过,就不能使用

5. vue项目部署,刷新404问题

image-20241113155236375

下面(宝塔面板nginx配置界面)让我来我说下我遇到这个问题之后的解决方案:

image-20241113155424126

打开部署网站的设置

image-20241113155508349

在配置文件中加入:try_files $uri $uri/ /index.html;

浏览器刷新后页面返回404问题解决了

485607628)]

打开部署网站的设置

[外链图片转存中…(img-EGkkZrqa-1731485607629)]

在配置文件中加入:try_files $uri $uri/ /index.html;

浏览器刷新后页面返回404问题解决了

image-20241113155634125
部署我们的项目,vue,node,java等
参考这个https://blog.csdn.net/m0_74079648/article/details/142936393?spm=1001.2014.3001.5501,我之前详细写过

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐