宝塔面板用不同的端口访问不同的网站(宝塔用端口设置多个网站)

宝塔面板用不同的端口访问不同的网站

ps:再做下列操作之前,请确认服务器安全组放行了你想要设置的端口。重要的事情说三遍,先开启服务器的端口、先开启服务器的端口、先开启服务器的端口!!!
如果不明白可以看我这篇以阿里云服务器为例开放端口的文章:
https://blog.csdn.net/qq_45699990/article/details/110532328

  1. 点击网站→添加站点
    步骤一
  2. 域名里面可以随便填一个域名(其他的配置自己可酌情修改),这里以www.test.com做演示
    点击添加网站后的界面
    添加www.test.com:注意自己的根目录,网页需要放在这个目录下面
    添加www.test.com
  3. 新站点添加成功
    在这里插入图片描述
  4. 点击站点名字,进入域名管理:
    点击站点名
    添加后的域名管理界面

此时我们可以看到站点默认端口是80

  1. 在域名管理里输入公网ip(域名)+端口:
    ps我们这里没有解析这域名,这个域名是我们想象的。所以我们要用公网IP(如果是真实的域名,就用域名+:端口)加上想要设置的端口号,这里以521端口做演示
    添加

  2. 添加后,就可以把之前的域名删除了(当然也可以不删)
    添加成功

  3. 这个时候我们可以点击安全查看端口是否开放正常:(正常情况下,站点使用了哪个端口,执行放行的端口就会显示正常,没有使用就是未使用状态)
    查看端口是否正常
    未使用的端口

  4. 最后,我们将写好的网站程序上传到站点对应的目录下,并将名字改为index.html。若此时还是不能访问,要重启Nginx:
    上传网页
    在这里插入图片描述

重启Nginx
9. 通过设置的端口号访问成功:
访问成功

  • 7
    点赞
  • 29
    收藏
    觉得还不错? 一键收藏
  • 15
    评论
要在宝塔面板搭建一个Vue网站,你需要进行以下步骤: 1. 在宝塔面板的菜单中找到部署的Vue站点,并打开设置页面。 2. 在配置文件设置中添加以下代码: ``` location / { try_files $uri $uri/ @router; index index.html; } location @router { rewrite ^.*$ /index.html last; } ``` 这段代码的作用是配置Vue的路由,确保在刷新页面时可以正确加载页面。 3. 进入nginx文件夹下的conf文件夹,找到nginx.conf文件,双击进入编辑。 4. 找到server下的listen,将端口改为你之前设置端口,保存文件。 5. 如果你需要部署多个项目,可以复制多个server进行配置。 6. 点击保存并退出编辑。 7. 最后,点击设置->配置文件,在打开的页面中添加以下代码来解决跨域问题: ``` location /api { proxy_pass http://gmall-h5-api.atguigu.cn; } ``` 这段代码的作用是配置一个代理规则,将所有以/api开头的请求转发到指定的后端接口。 这样,你就成功在宝塔面板搭建了一个Vue网站。记得根据你的实际情况进行相应的配置和修改。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [宝塔面板部署vue项目](https://blog.csdn.net/m0_58946045/article/details/126774935)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [使用宝塔部署Vue项目](https://blog.csdn.net/weixin_56868125/article/details/128935456)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 15
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值