电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁技術(shù)文章
文章詳情頁

vue項(xiàng)目打包為APP,靜態(tài)資源正常顯示,但API請(qǐng)求不到數(shù)據(jù)的操作

瀏覽:12日期:2022-11-23 09:45:47

Vue項(xiàng)目通過Hbuild打包為APP后,靜態(tài)文件正常顯示,但并沒有像開發(fā)時(shí)那樣請(qǐng)求到數(shù)據(jù)。

這是為什么?因?yàn)锳PP并沒有跨域,不存在跨域一說。

我們?cè)陂_發(fā)的時(shí)候,js在不同的域之間進(jìn)行數(shù)據(jù)傳輸或通信,所以會(huì)給項(xiàng)目設(shè)置代理來跨域

config下的index.js

比如這個(gè)

proxyTable: { ’/api’:{ target: ’http://XXX/xxx/v3’, changeOrigin: true, pathRewrite: { ’^/api’: ’’ } }}

在開發(fā)時(shí)這樣做是沒錯(cuò)的,但我們?cè)诖虬鼤r(shí)就不用設(shè)置這個(gè)跨域了,打包前直接將這個(gè)跨域注釋掉,然后將API請(qǐng)求地址改為絕對(duì)地址。例如這樣

let SwipeImg = () => axios({ // url: ’api/basic/advert/lists’, url: ’http://xxx.xxx.xx.xx/api/v3/basic/advert/lists’, params: { auth_key: key }})

改好之后在通過Hbuild打包后,APP數(shù)據(jù)就顯示正常了

這里要注意的是,我將打包后的APP放在夜神模擬器里,數(shù)據(jù)顯示還是不正常,但放在自己手機(jī)里就顯示正常,這點(diǎn)要注意

補(bǔ)充知識(shí):vue 項(xiàng)目打包后看不到頁面內(nèi)容

vue 項(xiàng)目打包命令是:

npm run build

如果打包后打開index.html頁面看不到內(nèi)容,有可能就是路徑不對(duì),需要修改config/index.js文件

如下:

build: { // Template for index.html index: path.resolve(__dirname, ’../dist/index.html’), // Paths assetsRoot: path.resolve(__dirname, ’../dist’), assetsSubDirectory: ’static’, assetsPublicPath: ’./’,//此處為修改的地方,這里加. ..........}

以上這篇vue項(xiàng)目打包為APP,靜態(tài)資源正常顯示,但API請(qǐng)求不到數(shù)據(jù)的操作就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持好吧啦網(wǎng)。

標(biāo)簽: Vue
主站蜘蛛池模板: 中细软知识产权_专业知识产权解决方案提供商 | 东莞工厂厂房装修_无尘车间施工_钢结构工程安装-广东集景建筑装饰设计工程有限公司 | 大立教育官网-一级建造师培训-二级建造师培训-造价工程师-安全工程师-监理工程师考试培训 | 吉林污水处理公司,长春工业污水处理设备,净水设备-长春易洁环保科技有限公司 | 北京包装设计_标志设计公司_包装设计公司-北京思逸品牌设计 | 江苏齐宝进出口贸易有限公司 | 报警器_家用防盗报警器_烟雾报警器_燃气报警器_防盗报警系统厂家-深圳市刻锐智能科技有限公司 | 长江船运_国内海运_内贸船运_大件海运|运输_船舶运输价格_钢材船运_内河运输_风电甲板船_游艇运输_航运货代电话_上海交航船运 | 美侍宠物-专注宠物狗及宠物猫训练|喂养|医疗|繁育|品种|价格 | RV减速机-蜗轮蜗杆减速机-洗车机减速机-减速机厂家-艾思捷 | 数控车床-立式加工中心-多功能机床-小型车床-山东临沂金星机床有限公司 | 安徽合肥格力空调专卖店_格力中央空调_格力空调总经销公司代理-皖格制冷设备 | 中央空调维修、中央空调保养、螺杆压缩机维修-苏州东菱空调 | 济南ISO9000认证咨询代理公司,ISO9001认证,CMA实验室认证,ISO/TS16949认证,服务体系认证,资产管理体系认证,SC食品生产许可证- 济南创远企业管理咨询有限公司 郑州电线电缆厂家-防火|低压|低烟无卤电缆-河南明星电缆 | 电磁流量计厂家_涡街流量计厂家_热式气体流量计-青天伟业仪器仪表有限公司 | 茅茅虫AI论文写作助手-免费AIGC论文查重_写毕业论文降重 | 科昊仪器超纯水机系统-可成气相液氮罐-美菱超低温冰箱-西安昊兴生物科技有限公司 | 广州监控安装公司_远程监控_安防弱电工程_无线wifi覆盖_泉威安防科技 | 净化车间装修_合肥厂房无尘室设计_合肥工厂洁净工程装修公司-安徽盛世和居装饰 | 菲希尔X射线测厚仪-菲希尔库伦法测厚仪-无锡骏展仪器有限责任公司 | 泥沙分离_泥沙分离设备_泥砂分离机_洛阳隆中重工机械有限公司 | 安徽合肥格力空调专卖店_格力中央空调_格力空调总经销公司代理-皖格制冷设备 | 挤塑板-XPS挤塑板-挤塑板设备厂家[襄阳欧格] | 精雕机-火花机-精雕机 cnc-高速精雕机-电火花机-广东鼎拓机械科技有限公司 | 密集柜_档案密集柜_智能密集架_密集柜厂家_密集架价格-智英伟业 密集架-密集柜厂家-智能档案密集架-自动选层柜订做-河北风顺金属制品有限公司 | 盛源真空泵|空压机-浙江盛源空压机制造有限公司-【盛源官网】 | 今日娱乐圈——影视剧集_八卦娱乐_明星八卦_最新娱乐八卦新闻 | 东莞螺丝|东莞螺丝厂|东莞不锈钢螺丝|东莞组合螺丝|东莞精密螺丝厂家-东莞利浩五金专业紧固件厂家 | 影像测量仪_三坐标测量机_一键式二次元_全自动影像测量仪-广东妙机精密科技股份有限公司 | 网优资讯-为循环资源、大宗商品、工业服务提供资讯与行情分析的数据服务平台 | 盛源真空泵|空压机-浙江盛源空压机制造有限公司-【盛源官网】 | 真空粉体取样阀,电动楔式闸阀,电动针型阀-耐苛尔(上海)自动化仪表有限公司 | 钢丝绳探伤仪-钢丝绳检测仪-钢丝绳探伤设备-洛阳泰斯特探伤技术有限公司 | 福州时代广告制作装饰有限公司-福州广告公司广告牌制作,福州展厅文化墙广告设计, | 高尔夫球杆_高尔夫果岭_高尔夫用品-深圳市新高品体育用品有限公司 | 天津市能谱科技有限公司-专业的红外光谱仪_红外测油仪_紫外测油仪_红外制样附件_傅里叶红外光谱技术生产服务厂商 | 餐饮加盟网_特色餐饮加盟店_餐饮连锁店加盟 | 短信通106短信接口验证码接口群发平台_国际短信接口验证码接口群发平台-速度网络有限公司 | 欧盟ce检测认证_reach检测报告_第三方检测中心-深圳市威腾检验技术有限公司 | 四合院设计_四合院装修_四合院会所设计-四合院古建设计与建造中心1 | 泉州陶瓷pc砖_园林景观砖厂家_石英砖地铺石价格 _福建暴风石英砖 |