宝塔面板反向代理配置运行vue

已于 2022-06-14 14:48:11 修改
阅读量769 收藏 1
点赞数
分类专栏： vue3.0 文章标签： vue.js
于 2022-06-14 11:31:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yjnain3066/article/details/125274869
版权

1创建好站点了，去点击站点设置

2然后出现弹窗后，去点击反向代理去配置

3.点击添加反向代理

4打开高级功能在输入你的接口链接

备注：

假设接口的地址是：http://www.hou.com/api/index/index
代理名称：可以随便起，尽量跟代理目录一致
代理目录：就是域名后面的/api
目标URL：http://www.hou.com/api 这里注意，目标url需要把你的域和域名后的api一起填写上去
发送域名：会自动生成 

无人与我粥可温
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
宝塔面板使用Nginx反向代理解决跨域问题，超简单！！
SoSalty的博客
07-03 2万+
宝塔面板使用Nginx反向代理解决跨域问题
使用Linux宝塔面板反代OpenAi官方的API接口+“502 Bad Gateway“网关错误问题解决
热门推荐
只恨天高的博客
06-18 1万+
本教程提供了一种简便快捷的方法，无需复杂步骤，极易操作，实现零代码、零部署的快速接入。我们使用了宝塔自带的反向代理功能来优化以下操作。为了确保安全，我们还使用了SSL，并解决了Nginx三次握手的问题。
vue部署宝塔nginx配置（获取用户ip地址、反代理访问api接口、websocket转发）
最新发布
weixin_42966151的博客
06-18 561
【代码】vue部署宝塔nginx配置（获取用户ip地址、反代理访问api接口、websocket转发）
【宝塔面板】Nginx反向代理配置
m0_60935824的博客
10-19 3477
【宝塔面板】Nginx反向代理配置。
宝塔设置反向代理
qq_24683975的博客
11-23 1万+
个人博客同步csdn 前言 后台写了一个程序部署到云端的时候通常是ip+端口的形式访问的，但是这种形式只能http协议，当站点开启了https协议的时候就无法访问了，必须设置反向代理。 新建域名 在宝塔里面新建一个域名，并开启 HTTPS ，详情见 查看链接。 配置反向代理 然后点击反向代理 -> 添加反向代理 在弹出的窗口中配置你的反向代理 代理名称任意，目标URL即为你的后台程序的地址 通常是 http://ip:port形式的，然后点击提交即可。 若想把这个域名指向多个后台程序，可以启用 高级
宝塔面板配置多个反向代理，以及项目刷新404问题解决
m0_73481765的博客
08-28 1297
但是我们删除的地方是我们自己防止项目刷新404而设置的，因此，我们可以添加多个反向代理之后将配置文件重新配置，或将自己的项目的路由模式改为 ‘hash’ ，这样项目的路由模式改为 ‘hash’ 了，上传宝塔不配置文件也不会发送页面刷新404报错。我们将入图所示的部分删除之后就可以解决反向代理不能添加多个的问题。2，在文件中添加 history:{type:'hash'},这中情况有可能是因为，我们修改了配置文件导致无法配置多个反向代理。当我们给宝塔配置多个反向代理是可能会出现以下情况。
阿里云二级域名绑定与宝塔Nginx反向代理配置
weixin_45121446的博客
03-30 2092
阿里云二级域名绑定与宝塔Nginx反向代理配置阿里云二级域名绑定宝塔控制面板新建二级域名网站宝塔域名反向代理设置 阿里云二级域名绑定 绑定阿里云二级域名之前，你需要在阿里云申请顶级域名，同时进行备案，在确保顶级域名正常使用后，再进行二级域名的绑定。 宝塔控制面板新建二级域名网站 新手一枚，其他项的设置我也不太清楚 站点添加完成后，会在对应的域名管理平台上，自动进行域名解析，我这边是阿里云平台 附...
详解vue-cli构建项目反向代理配置
01-19
本文介绍了vue-cli构建项目反向代理配置，分享给大家，具体如下： proxyTable: {//配置请求代理 '/dlsys':{ target:'http://192.168.16.209:81', changeOrigin:true, pathRewrith:{ '^/dlsys': '/dlsys' } }, '/...
Apache虚拟目录配置及vue-cli反向代理的设置方法
01-11
反向代理是个很好的选择，虽然jsonp也可以，单并不好玩。 Apache配置虚拟目录 -实际上线项目需要通过域名来访问，比如http://www.xxx.com,但在本机上如何配置虚拟域名来访问本机的项目呢？ 1.找到C:\Windows\...
vue cli3 配置proxy代理无效的解决
10-16
在Vue CLI 3中，开发过程中常常需要配置代理来解决跨域问题，使得前端应用能够与后端API接口进行通信。然而，有时按照常规方法配置`proxy`后，可能会遇到代理无效的情况。本文将详细解释如何正确配置Vue CLI 3的`...
Vue-CLI3.x 设置反向代理的方法
01-19
最近在项目中使用了Vue CLI 3.0版本，项目中需要设置反向代理解决跨域问题，下面记录一下设置过程。 如何安装vue-cli3呢？ 首先，你要有一个nodejs环境 Node 版本要求 Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 ...
freeswitch ngnix wss反向代理，jssip配置
07-02
freeswitch支持UDP、TCP、WS(websocket)、WSS方式进行注册，而反向代理是指通过nginx配置，通过WSS的方式连接WS，这样使得freeswitch连接对外是加密的；当然freeswitch本身是支持WSS的， 用ngnix一般除了反向代理，...
【项目部署实战】-服务器宝塔部署SpringBoot项目和Vue项目并设置代理
gjb760662328的博客
04-18 2828
上传vue打包好的dist目录下的文件（static+index.html）因为后端运行在9010端口，所以需要腾讯云平台防火墙策略通过9010端口。采用的腾讯云-轻量云服务器-2G 2核 40GBSSD+ 宝塔镜像。上传SpringBoot打包好的jar包。当请求接口时发现，前端的代理策略不生效。
宝塔反向代理设置的一些坑
wzh70的博客
03-17 7052
在对宝塔的反向代理设置前，先读下这篇文章： Nginx常用反向代理配置规则_JunyouYH的博客-CSDN博客_nginx反向代理规则 然后我说下目标： www.doman.com/api/ 在宝塔nginx的反向代理设置后改为：127.0.0.1:9999 1.然后就对宝塔的反向代理设置了如图（不懂得去宝塔官网搜下） 查看配置表如下： 但是结果却是： 当我提交www.doman.com/api/时后台接受的数据为：127.0.0.1:9999/api/ 多了个/api。 解..
VUE前后端分离 跨域访问后端接口 宝塔Nginx设置反向代理
Nick的博客
10-29 4735
宝塔配置反向代理 前后端分离 Nginx设置反向代理 访问后端端口
Vue上传宝塔Nginx反向代理，解决Vue上传服务器后刷新404
qying的博客
08-11 531
Vue上传宝塔Nginx反向代理，解决Vue上传服务器后刷新404
vue中的反向代理之一
gu2022_3_5_21_23的博客
06-28 345
module.exports = { devServer:{ proxy:{ '/api':{ target:'http://localhost:3000', pathRewrite:{ '^/api':'' } } } } }
解决跨域(反向代理,jsonp)
swoly2894265391的博客
05-27 793
为什么会出现跨域问题? 浏览器的同源策略 那什么是同源呢? 两个页面具有相同的协议（protocol），主机（host）和端口号（port） 举个例子: http://www.baidu.com:6666// ===> 协议 :// 域名:端口号 // 那什么是跨域呢? 当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域 那么如何解决跨域问题呢? 个人推荐一个挺实用的......
CRMEB PRO TP6+Swoole4 反向代理配置
weixin_41151106的博客
03-26 4562
Nginx反向代理配置
nginx反向代理配置 vue
08-12
要在Nginx中配置Vue项目的反向代理，可以按照以下步骤进行配置。首先，打开nginx.conf配置文件，该文件通常位于/usr/local/nginx/conf/nginx.conf路径下（路径可能因安装方式而异）。在该配置文件中，您可以找到一个...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

无人与我粥可温

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值