在vue中一个项目使用两个不同域名的接口

于 2024-08-23 10:11:48 发布
阅读量176 收藏
点赞数 3
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yodoyskts/article/details/141458639
版权

分享一个最简单粗暴的办法，适用于新手小白

在config.js的跨域配置proxy上配置

 如图所示，在'/api'下面新增，'/',也可以自定义，这样在api.js里写接口的时候，带/api的就走上面的那个域名，不带的就走下面那个域名，这样就可以一个项目里用两个域名的接口啦，当然这是最简单直接的办法，如果有更好的办法欢迎评论区讨论

攻城狮-申
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
关于vue项目如何配置不同域名
夏沫之初的博客
08-13 2122
vue项目如何配置多个域名
在vue中使用axios作交互时，为什么会调用两次接口
04-20
原来在 CORS-跨域资源共享 中，可以使用 OPTIONS 方法发起一个预检请求，以检测实际请求是否可以被服务器所接受。预检请求报文中的 Access-Control-Request-Method 首部字段告知服务器实际请求所使用的 HTTP 方法；...
解决vue中使用proxy配置不同端口和ip接口问题
10-16
主要介绍了解决vue中使用proxy配置不同端口和ip接口问题 ,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
vue 生产环境配置多个域名
Admin_yws的博客
09-28 1199
在项目中使用的是axios来发送请求 需求： 后台项目接口有多个域名，前端如何解决？ 解决方案： 一、前端处理： 1.前端创建多个axios示例，每个示例配置不同的baseURL。 2. 二、后端处理： 1.配置nginx转发 ...
vue项目中不同接口使用不同的域名
最新发布
温暖前端的博客
06-10 467
在Vue项目中，可以通过配置axios（或者其他HTTP请求库）来实现不同接口使用不同域名的接口。
【097】Nginx实现一台服务器，两个域名发布不同的前端项目，并且两个域名都用80端口。
zhangchao19890805的专栏
11-20 3523
有时候你可能需要在一个服务器上，用 nginx 发布两个前端项目。并且这两个前端项目使用不同的域名，域名都绑定80端口。本文说明此场景下的操作过程。Nginx使用的是 Docker 官方镜像。假设 yoursite.com 是你的网站域名。 admin.yoursite.com 是你的管理系统的域名。 你的网站前端代码发布地址是： /home/your/path/projects/dist。
通过nginx+vue实现在一台服务器上搭建多个不同域名的网站
qq_22334245的博客
10-07 330
location ~*^.+$ { #请求的url过滤，正则匹配，~为区分大小写，~*为不区分大小写。#监听地址，要绑定的域名。按上述方法依次创建demo2.conf,demo3.conf...文件，分别绑定不同域名。4.返回上一级目录/etc/nginx，并打开nginx.conf文件。1.进入/etc/nginx/conf.d目录。
一个 nginx 通过不同域名映射多个前端项目
梓隽的博客
11-15 1294
域名解析到某台服务器，有两个前端服务（原生门户、vue后台管理），安装了一个nginx，通过此域名及子域名映射到不同的前端服务上。将nginx的配置文件分为几个子配置，根据域名读取不同的前端index.html。进入文件夹创建demo.conf、 demo2.conf文件。(上面include指定的地方) 文件夹。添加include映射子配置。
vue项目调用其他人接口跨域
可控的事情要谨慎，不可控的事情要乐观。
10-04 1108
vue项目中有调用到同事的接口，出现跨域问题，下面简单记录一下解决办法： 项目根目录下创建vue.config.js文件： module.exports = { devServer: { host: "0.0.0.0", port: 8080, proxy: { '/api': { target: `http://127.0.0.1:8888`, changeOrigin: true, pathRewrite: {
一个Tomcat上部署多个项目 通过配置实现 不同的域名 不同端口 访问不同内容
RyanJJ_的博客
12-17 758
不同的域名 不同端口 访问不同内容 1.3个项目myshop-admin1 myshop-api myshop-ui 放在目录webapps下 项目中内容来自每个项目的target目录下my-shop-web-admin-1.0.0-SNAPSHOT复制过去的 2.因为需要不同域名不同端口访问，在apache-tomcat-9.0.27/conf下面，复制Catalina...
vue项目接口域名动态获取操作
10-14
Vue 项目中，接口域名的动态获取是一个常见的需求，特别是在多环境部署的场景下，比如开发环境、测试环境和生产环境。这样的需求可以避免因为环境切换频繁打包的问题，提高开发效率。以下是如何在 Vue 项目中实现...
vue项目webpack中Npm传递参数配置不同域名接口
08-27
在Vue.js项目开发中，与后端API接口的交互是一个重要的环节。特别是在多环境（如本地开发、测试、生产）下，需要针对不同的环境配置不同的API域名。在Webpack配置中，我们可以利用Npm脚本传递参数的方式来实现动态...
vue2 解决跨域并且在页面上如何调用后台接口
weixin_46165123的博客
08-07 1275
假设你的Vue.js应用程序运行在http://localhost:8080,而你的后端API运行在http://api.example.com。首先, 在你的Vue项目的根目录下创建vue.config.js文件(如果已经存在, 请忽略此步骤).在上面的配置中, 我们将所有以/api开头的请求代理到目标URL。
一个vue项目调用多个服务地址接口，也可mock数据
笨小孩
06-09 1603
有时候，一个vue项目中会需要使用多个服务接口的地址，有时候在后端接口没开发完成，但是前端可能需要先模拟数据写页面，这时候可以先mock数据，模拟实际接口。
vue2.0怎么解决跨域问题
weixin_45679977的博客
11-11 6035
跨域报错 如果正巧遇见这个报错，那可是中彩头了，这个时候就需要去配置一下跨域了 首先让我们了解一下为什么会出现跨域报错？ 一个网页向另一个不同域名/不同协议/不同端口的网页请求资源，这就是跨域。跨域报错就是请求终端不允许不同的域名、协议、端口访问，结果你用了，然后就返回报错。 解决方法：在脚手架中的config下的index.js中 在 dev 的 proxyTable 对象中添加这些属性 //...
vue动态获取接口域名
sunbeibei00000的博客
09-24 4028
vue动态获取接口域名
PythonWeb | 搭建单服务实现多域名访问
qq_42350970的博客
01-01 1321
一.搭建环境与项目： 平时习惯使用Anconda来管理Python包，所以本文也使用anconda管理环境，当然大家要是习惯使用virtuallen管理环境也没有问题。本文主要是演示怎么完整搭建一个单服务实现多域名访问的流程，不涉及具体的业务流程。 由于生成django项目需要先下载django包，所以我们先创建一个基本的虚拟环境，然后在虚拟环境中通过具体命令来生成项目文件。 1、环境搭建：...
vue.js在前台可动态配置接口域名
不靠谱的作曲家
09-03 1423
1.这里是配置接口地址的页面 页面流程是：在接口地址输入要配置的接口，点击确定把输入框里的内容做个本地存储（忽略websocket地址） 2.新建一个js文件在本地存储里面取出存入的接口地址，然后export输出 const globalApi = () => { let globalApi = localStorage.getItem('apiUrl') return globalA...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值