vue部署上线请求高德api访问不了

vue项目打包上线部署服务器之后,后端的请求接口需要跨域,前端我也正常设置的跨域设置,但是项目中用到了高德ip定位的接口和高德天气的接口,本地测试时正常可以请求,部署服务器之后,就请求不了,百度之后,也没找到合适的答案,有知道怎么处理的大牛吗?
图片说明

            这个怎么回事啊

1个回答

我前俩天也遇到了这个问题,我跟后台说后台改的

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Vue前端跨域访问 API 问题

## 背景:VsCode+Vue . **目的: 开发一个和后端代码分离的 前端登录页面 包** . ## 问题:开发环境下 跨域访问正式环境服务器API失败 . **额外描述:根据一些博客,已经做了跨域访问的作业。目前部分API访问成功,例如:获取图形验证码。但是登入验证访问API失败。** . **访问API代码:(PS:第一个访问成功,第二个失败了)** . ``` this.$axios({ //访问成功 method: "get", url: "/api/verifycodeimage" }).then((response) => { var test =this.verifyImage = response.data; }); this.$axios({ //访问失败 method: "post", url: "/api/auth/VerifyPwd", data: { LoginName: this.loginMobile, Password: this.loginPwd, AllowSaveState: this.loginState } }).then((response) => { btn.style.display = ''; loading.style.display = "none"; var url = "..." location.href = url; }).catch((error) => { this.errorlable = String(error.response.data.error); btn.style.display = ''; loading.style.display = "none"; }); ``` . 报错截图: . ![图片说明](https://img-ask.csdn.net/upload/201911/11/1573469688_529228.jpg) . ** 这里报错显示,api访问的是本地端口,我就奇怪,第一个访问的都不是本地端口,第二个为什么就成了访问本地的了。求解惑,和提供思路。**

部署再nginx上的vue如何才能取到后台的接口数据呢?

部署再nginx上的vue如何才能取到后台的接口数据呢? 基本介绍: (1)项目采用完全的前后端分离开发与部署; (2)前端采用vue,后端采用springboot开发; (3)前端部署在nginx上,后端部署在websphere服务器上。 假设前端项目vue项目部署在A服务器上,后端部署在B服务器上,即A与B的ip不相同, 那么前端的vue项目如何才能请求到部署在B上的后端接口数据呢?vue需要什么特殊配置吗? nginx的配置需要什么特殊的吗? 望各位大佬不吝赐教,小白我在此跪谢!

nginx部署vue且通过代理访问后台接口

需要将http://ip:8080/api/api/userLogin代理到http://ip:8099/api/userLogin nginx中的location 需要如何配置?

求各位大神指点, vue前端项目build之后的静态资源部署成功, 但是页面接口请求失败

如题: postman中测试通过的原始url地址为: ``` http://192.168.5.219:8082/api/getLocoStateInfo ``` 之前根据网上找到的资料, 对vue项目的跨域配置如下: **config/index.js中跨域配置如下:** ```js dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/api': { target: 'http://192.168.5.219:8082', changeOrigin: true, //是否允许跨越 pathRewrite: { '^/api': '', } } }, ``` **main.js中配置如下:** ```js //配置axios import axios from 'axios' import qs from 'qs'; Vue.prototype.$axios = axios; Vue.prototype.$qs = qs; axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'; //配置axios调用接口时的默认前缀为api axios.defaults.baseURL = 'api' ``` **页面使用axios调用接口的代码如下:** ```js queryPieChartParamsOfLJ(){ var _this = this; var send_url="/api/getLocoStateInfo" var params = { "bureauName":"西安局", "depotName":"", "locoType":"", "flag":"01" }; params = this.$qs.stringify(params); this.$axios({ url: send_url, method: 'post', data: params }).then(function (response) { //console.log(response.data); }).catch(function (error) { alert("查询数据失败!"+error); }).then( ); }, ``` 在npm run dev模式下运行vue前端项目, 页面上访问该接口是能够获得返回结果的, 结果如图所示 ![图片说明](https://img-ask.csdn.net/upload/201907/30/1564453652_118051.png) 但是使用npm run build命令将vue前端项目打包之后的静态资源, 放到上述接口所在的后端程序中时, 接口就报404了. 静态资源位置如下: ![图片说明](https://img-ask.csdn.net/upload/201907/30/1564453940_389513.png) 部署到springboot项目中, 接口请求结果如下: ![图片说明](https://img-ask.csdn.net/upload/201907/30/1564454387_648713.png) **这是我的跨域配置有问题吗? 请各位大神指点**

vue cli3 管理axios 连接api的跨域请求地址问题

vue.config.js配置代理 ``` devServer: {// 环境配置 host: 'localhost', port: 8080, https: false, hotOnly: false, open: true, //配置自动启动浏览器 proxy: {// 配置多个代理(配置一个 proxy: 'http://localhost:4000' ) '/api': { target: 'http://127.0.0.1:8000', changeOrigin: true, //允许跨域 pathRewrite: { //需要rewrite重写的, 如果在服务器端做了处理则可以不要这段 '^/': '' } }, } }, ``` main.js配置 ``` import axios from 'axios' import 'amfe-flexible' setaxios() Vue.config.productionTip = false Vue.prototype.$http = axios axios.defaults.timeout = 5000 // 请求超时 axios.defaults.baseURL = '/' // api 即上面 vue.config.js 中配置的地址 new Vue({ router, store, render: h => h(App) }).$mount('#app') ``` inde.vue中代码 ``` async created(){ try{ //获取轮播图数据 const items=await this.$http.get('/h5indexad') .then(response => { console.log(items) console.log(response) this.items=items.data }) ``` 为什么浏览器前端还是连的vue的端口8080,不是api接口地址8000 ![图片说明](https://img-ask.csdn.net/upload/201907/19/1563508630_384647.png)

vue.js 请求方法设置同步问题

使用vue.js对后台进行请求发送。 现在问题描述。 定义一个vue中,有6个方法,其中有一个方法请求成功后会调用另外两个方法, 调用时候,必须等第一个方法成功返回之后对页面渲染后再掉第二个方法。 目前vue 默认为异步请求,调用的第一个方法还没有渲染完页面, 第二个方法就已经请求了,造成页面获取值为未更新之前的数据。 现在想完成的形式: 定义一个vue,6个方法中,不设置就使用异步, 有一个方法需要单独设置为执行同步。 请大神说说vue的思路。就是需要vue实现部分方法同步 【ps:想说使用ajax的或者把第二个参数写在第一个参数里边的就不用说了】

vue如何将api请求收到的数据动态的显示到模板上呢?

我使用的是uniapp的框架,与vue差不多。我在请求服务端的数据后会返回给我一段数据,我想将这段数据动态的显示在模板上,请问该如何实现呢?网络请求的数据已经拿到了,但是是在请求的回调函数中。 ``` onLoad() { uni.request({ url: 'http://hd215.api.okayapi.com/?s=App.Main_Meta.Get&', method: 'GET', data: { key: 'usermeta', app_key: --- }, success: (res) => { // res.data.data.data; console.log(res.data.data.data) uni.showToast({ title: '查询成功!', mask: true, duration: 1500 }); }, }); }, ``` onload下为页面加载时执行的方法,uni.request为发起请求的方法。控制台输出为 ``` add_time:"2019-01-19 00:53:17" data:{content: "哈哈哈哈哈"} err_code:0 err_msg:"" key:"usermeta" update_time:"" ```

Vue+SpringBoot怎么部署到tomcat服务器

1. 环境: Vue-cli项目、SpringBoot、windows版tomcat8.5 2. 首先这是一个前后端分离的项目。 3. 前端项目已经部署到tomcat的ROOT目录下,后端项目也以ROOT命名。 4. tomcat可以正常启动 5. 前端页面可以访问到 ***** **但是问题来了?** * 前端无法请求到后台的数据 ![图片说明](https://img-ask.csdn.net/upload/201908/18/1566087636_468160.png) * 我的问题是:怎样部署Vue+SpringBoot的前后端分离项目到tomcat上,目录结构和相关配置是什么? * 求大神赐教

Vue,Apache,API,调试

关于Vue,后台给了API接口,我调用API时需要在Apache环境下,那样我调试的时候只能npm run build 进行调试,请问有解决的办法吗?

vue.js 关于打包与部署的问题

vue.js 关于打包与部署的问题,vue.js具体怎么打包与部署

VUE获取本地请求地址中的数据报错

![图片说明](https://img-ask.csdn.net/upload/201903/18/1552916187_972010.jpg) vue获取不到本地数据

Vue-cli 封装了axios并且也封装了请求接口前半部分相同的url,这个跟vue跨域 proxy代理的api地址冲突吗

比如说下面是自己封装的请求相同部分的url ``` export const axiosUrl = 'http:/www.easy-mock.com' ``` 和跨域代理里 ``` proxy: { '/apis': { target: 'https:/http:/www.easy-mock.com', // 接口域名 changeOrigin: true, //是否跨域 pathRewrite: { '^/apis': '' "", } } } ``` 使用的时候 this.我自己封装的axios 和 这个代理出来的 apis 会不会冲突呀 我使用的时候 是不是 直接用我自己封装的就可以了?

求大神帮助,Vue上线成功后的502错误?

1.我组件之间的跳转没问题,就是获取路径跳转就报502, 2.但是我的路径你去访问图片,确实存在,能找到 3.我是用node,传到新浪云上的

使用高德地图API时:我想自定义点标记的位置,怎么弄?

### 默认是: ![图片说明](https://img-ask.csdn.net/upload/201910/14/1571032577_276947.png) ### 我想自己定位个默认的地方,并且视图显示的定位点在中间位置

vue项目build后请求404

我前端使用vue,后端使用java开发的前后端分离的小项目。 前端完事以后用npm run dev都能正常运行。 但是使用npm run build打包后放在tomcat上访问却出问题了。 界面可以打开,资源也加载了。但是在向后端发送请求时,却报错了。我用的axios请求。 情况如下: <br> Failed to load resource: the server responded with a status of 404 () Error: Request failed with status code 404 at FtD3.e.exports (vendor.b3fd7698053a850e233d.js:43) at e.exports (vendor.b3fd7698053a850e233d.js:13) at XMLHttpRequest.f.onreadystatechange (vendor.b3fd7698053a850e233d.js:19) 我搜索了一下没有什么收获。问题的关键在于后端没问题,dev时请求没问题,就是build时请求404。 求好心人指点。 <br> <hr> <br> ![图片说明](https://img-ask.csdn.net/upload/202001/13/1578882449_857485.png) 今天我再调试,发现错误有了一点变化,主要是多了一个post请求地址,但是实际上这个地址是错误的。正确的应该是139.196.125.89:8080/lis_war/login。

vue使用高德地图在安卓手机上能够正常提示授权并获取定位,在ios12报错怎么处理?

vue使用高德定位在安卓手机上能够正常提示授权并获取定位,在ios12报错:get geolocation faild . get iplocation faild,采用的是npm安装高德组件。 ![图片说明](https://img-ask.csdn.net/upload/201903/27/1553671419_946199.png) ![图片说明](https://img-ask.csdn.net/upload/201903/27/1553671427_411761.png) ![图片说明](https://img-ask.csdn.net/upload/201903/27/1553671437_140464.png) ![图片说明](https://img-ask.csdn.net/upload/201903/27/1553671444_969552.png)

vue上线部署路由首页跳转Loading chunk 2 failed错误,如何解决?

![图片说明](https://img-ask.csdn.net/upload/201912/13/1576199450_683431.jpg) 项目本地打包,且使用本地服务器测试没有任何问题,但是部署到线上服务器时出现登录页,dan登录后无法跳转路由且报图片上的错误,F12又看见后台请求成功了,这是什么问题呀???

Vue前端请求接口问题?

在forEach循环里调了五次接口,目前自己测试没啥问题,想问问这样会不会有弊端?

Vue中的resoure请求根路径怎么动态修改

1.man.js中设置了resource请求的根路径 ``` import VueResource from 'vue-resource' Vue.use(VueResource); Vue.http.options.root = store.state.httpLocation; Vue.http.options.emulateJSON = true; ``` 2.需求是,我在登录时需要设置请求的域名的端口号 怎样才能动态修改? 我在登录组件用使用 ``` this.$http.options.root = newValue; ``` 并不能修改,也不报错。 请问怎么解决啊?

大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了

大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

程序员请照顾好自己,周末病魔差点一套带走我。

程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。

技术大佬:我去,你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码,大部分代码都写得很漂亮,严谨的同时注释也很到位,这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时,还是忍不住破口大骂:“我擦,小王,你丫写的 switch 语句也太老土了吧!” 来看看小王写的代码吧,看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

点沙成金:英特尔芯片制造全过程揭密

“亚马逊丛林里的蝴蝶扇动几下翅膀就可能引起两周后美国德州的一次飓风……” 这句人人皆知的话最初用来描述非线性系统中微小参数的变化所引起的系统极大变化。 而在更长的时间尺度内,我们所生活的这个世界就是这样一个异常复杂的非线性系统…… 水泥、穹顶、透视——关于时间与技艺的蝴蝶效应 公元前3000年,古埃及人将尼罗河中挖出的泥浆与纳特龙盐湖中的矿物盐混合,再掺入煅烧石灰石制成的石灰,由此得来了人...

讲一个程序员如何副业月赚三万的真实故事

loonggg读完需要3分钟速读仅需 1 分钟大家好,我是你们的校长。我之前讲过,这年头,只要肯动脑,肯行动,程序员凭借自己的技术,赚钱的方式还是有很多种的。仅仅靠在公司出卖自己的劳动时...

上班一个月,后悔当初着急入职的选择了

最近有个老铁,告诉我说,上班一个月,后悔当初着急入职现在公司了。他之前在美图做手机研发,今年美图那边今年也有一波组织优化调整,他是其中一个,在协商离职后,当时捉急找工作上班,因为有房贷供着,不能没有收入来源。所以匆忙选了一家公司,实际上是一个大型外包公司,主要派遣给其他手机厂商做外包项目。**当时承诺待遇还不错,所以就立马入职去上班了。但是后面入职后,发现薪酬待遇这块并不是HR所说那样,那个HR自...

女程序员,为什么比男程序员少???

昨天看到一档综艺节目,讨论了两个话题:(1)中国学生的数学成绩,平均下来看,会比国外好?为什么?(2)男生的数学成绩,平均下来看,会比女生好?为什么?同时,我又联想到了一个技术圈经常讨...

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

我说我不会算法,阿里把我挂了。

不说了,字节跳动也反手把我挂了。

优雅的替换if-else语句

场景 日常开发,if-else语句写的不少吧??当逻辑分支非常多的时候,if-else套了一层又一层,虽然业务功能倒是实现了,但是看起来是真的很不优雅,尤其是对于我这种有强迫症的程序"猿",看到这么多if-else,脑袋瓜子就嗡嗡的,总想着解锁新姿势:干掉过多的if-else!!!本文将介绍三板斧手段: 优先判断条件,条件不满足的,逻辑及时中断返回; 采用策略模式+工厂模式; 结合注解,锦...

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

为什么你不想学习?只想玩?人是如何一步一步废掉的

不知道是不是只有我这样子,还是你们也有过类似的经历。 上学的时候总有很多光辉历史,学年名列前茅,或者单科目大佬,但是虽然慢慢地长大了,你开始懈怠了,开始废掉了。。。 什么?你说不知道具体的情况是怎么样的? 我来告诉你: 你常常潜意识里或者心理觉得,自己真正的生活或者奋斗还没有开始。总是幻想着自己还拥有大把时间,还有无限的可能,自己还能逆风翻盘,只不是自己还没开始罢了,自己以后肯定会变得特别厉害...

男生更看重女生的身材脸蛋,还是思想?

往往,我们看不进去大段大段的逻辑。深刻的哲理,往往短而精悍,一阵见血。问:产品经理挺漂亮的,有点心动,但不知道合不合得来。男生更看重女生的身材脸蛋,还是...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发(16k)

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

你打算用Java 8一辈子都不打算升级到Java 14,真香

我们程序员应该抱着尝鲜、猎奇的心态,否则就容易固步自封,技术停滞不前。

无代码时代来临,程序员如何保住饭碗?

编程语言层出不穷,从最初的机器语言到如今2500种以上的高级语言,程序员们大呼“学到头秃”。程序员一边面临编程语言不断推陈出新,一边面临由于许多代码已存在,程序员编写新应用程序时存在重复“搬砖”的现象。 无代码/低代码编程应运而生。无代码/低代码是一种创建应用的方法,它可以让开发者使用最少的编码知识来快速开发应用程序。开发者通过图形界面中,可视化建模来组装和配置应用程序。这样一来,开发者直...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

《经典算法案例》01-08:如何使用质数设计扫雷(Minesweeper)游戏

我们都玩过Windows操作系统中的经典游戏扫雷(Minesweeper),如果把质数当作一颗雷,那么,表格中红色的数字哪些是雷(质数)?您能找出多少个呢?文中用列表的方式罗列了10000以内的自然数、质数(素数),6的倍数等,方便大家观察质数的分布规律及特性,以便对算法求解有指导意义。另外,判断质数是初学算法,理解算法重要性的一个非常好的案例。

《Oracle Java SE编程自学与面试指南》最佳学习路线图(2020最新版)

正确选择比瞎努力更重要!

一文带你入门Java Stream流,太强了

两个星期以前,就有读者强烈要求我写一篇 Java Stream 流的文章,我说市面上不是已经有很多了吗,结果你猜他怎么说:“就想看你写的啊!”你看你看,多么苍白的喜欢啊。那就“勉为其难”写一篇吧,嘻嘻。 单从“Stream”这个单词上来看,它似乎和 java.io 包下的 InputStream 和 OutputStream 有些关系。实际上呢,没毛关系。Java 8 新增的 Stream 是为...

立即提问
相关内容推荐