阿里云服务器部署多个项目

在部署了博客之后就没对项目部署进行研究, 今天想要实现在博客内演示项目 。想要在同一个域名下通过不通的端口来实现,踩了不少坑,浪费了好多时间,在这里记录一下,希望能看到这篇博客的小伙伴能避免踩雷

  • 首先是打开我们的控制中心,进入远程连接

    • avator
    • 进入终端以后打开宝塔面板
    • 如果没有安装宝塔面板在控制台运行如下代码
    • yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && bash install.sh
  • 进入宝塔面板后

    • 拿我的站点举例。我的域名是coderhyp.top,默认端口是80端口 那么直接访问我的网址会访问我已经部署过的博客
    • 现在我想要部署做的另外一个项目 具体步骤是:
      • 选择网站那一栏的添加站点,这一步可以先把填写公网的ip 确认后在修改
      • 创建成功以后
      • avator
      • 在图中那一栏 填写 域名:端口号
      • 然后选择网站目录 选择我们打包好的dist文件夹放置的位置,设置为设置完的域名下的根目录
    • 接下来是很重要的一步
      • avator
      • 设置安全组!
      • 在入方向添加安全组规则 比如我的就是使用81端口 那么我就要给81端口安全组规则
      • avator

设置完成后 我们就可以通过设置的域名+端口 访问项目了

hexo博客的一些问题

  • 引用网络图片加载不出来问题
    • 在头部加
    • <meta name="referrer" content="no-referrer"/>
    • 链接跳转问题
  • 使用a标签
  • 比如 Rick的女装商城

项目部署的bug

  • 部署时在nginx配置文件中加入如下代码
  • location /
    {
    try_files $uri $uri/ /index.html;
    }

记录一下配置url

因为之前一直用www.coderhyp.top 之后发现coderhyp.top 这个链接并不能打开博客 所以配置了了一下 ,很简单 在阿里云域名管理中添加一个配置

并且之前由于自己在宝塔面板部署项目的一个失误导致 点击coderhyp.top会跳转到81端口 在宝塔面板重新配置一下路径就ok了