vue项目根据不同的设备,加载不同的项目文件

现在有两份vue项目文件(pc/移动端),想实现在同一个域名下,根据不同的设备自动切换到相应的页面,所有的页面的路径已经改成一致,请问有哪些解决办法
有一个思路:在移动/pc的入口文件处判断,然后加载相应的文件,但是不知道该怎么实现,求大佬指点

1个回答

首先,可以告诉你,import 是不能传变量的,但是这难不倒聪明的程序员

const web = (name) => () => import(`@/views/web/${name}`);

这样的意思是,会引入 @/views/web/ 下面的所有文件,然后根据传入的 name 选择需要哪个文件

故而有如下代码:

图片说明

我只能给你截这么多代码了。剩下的自己体会吧。

h5_since
since � 谢谢你的回复,问题已经解决了,在nginx配置的时候做出判断就达到效果了
6 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
vue-cli项目懒加载路由之后打包文件比不路由懒加载还大

vue-cli项目懒加载路由之后打包文件比不路由懒加载还大,我没有使用懒加载,打包后app的那个js就1001k,我要是使用懒加载,那么9个页面,基本上每个页面的被打包之后都是300多k,完了还有一个app的js是500k左右,会大2M,这个是怎么回事,有什么方式解决吗? (我的项目中基本每个页面都使用echarts和百度地图api)

cordova结合Vue 项目中无法加载插件

在此前 cordova组件是可以使用的,但是Vue项目更新了几个版本后就出问题了,引入是没问题的路径那些都检查过了一遍! 就是在使用cordova的组件报了插件中那个方法不存在了! ![报错信息](https://img-ask.csdn.net/upload/201904/01/1554105420_689126.png) 问题:经过cordova的路径排查得出了一个问题,就是Vue项目中的路由出问题了,还望各路大神给小弟指导一下

vue启动成功,页面加载不出来

昨天vue项目都能在游览器打开的,而今天重新启动项目,在编辑器中能正常的启动,但在游览器中一直加载不出来。 然后我试了了一下vue脚手架初始项目,也能运行但还是在游览器中加载不出。求大佬帮忙看看急。现在电脑上的所有vue的项目都打不开。拜托了各位大佬!!!!!!!

VUE项目本地运行正常,github Page 部署一直加载

各位高手,请教个问题: 我有个VUE项目,本地运行正常,但是提交到github page 发布出来就是不能正常加载显示。 网络上提到的修改路径,重新打包等都试过仍然不对。 ![线上运行情况,一直显示加载,本地加载很快的](https://img-ask.csdn.net/upload/201912/13/1576217396_982410.png) ![路径已经修改](https://img-ask.csdn.net/upload/201912/13/1576217411_865371.png)

vue 项目中怎么引用js文件

vue 项目中怎么引用js文件,我在vue组件里拷入了一个模板页面,css引入了,但是一些js文件无法引用

Vue项目实现不同分辨率适配最佳方法

第一次做网页程序,最烦这个页面适配,不清楚到底用哪种方法比较好,(比如1920x1080下看起来ok,但是换成别的分辨率就不太对了),还有就是手机上显示又应该怎么做呢,

vue-cli3.0的项目如何实现.vue文件跳转到.html文件

将html文件放在public文件夹下,如何可以实现views下的vue文件点击跳转到该html文件里 ![图片说明](https://img-ask.csdn.net/upload/202003/25/1585131579_196059.png)

访问vue项目时,初始会有一段时间的空白

在访问vue项目,加载刚开始的时候会有一片空白,有没有大佬遇到过这个问题。

vue输入域名自动加载index.vue?

网站首页内容放在index.vue中,如何输入域名即加载index.vue?

Vue项目 引入.sass未后缀名的css文件就报错 怎么解决?

## 背景:VsCode+Vue ## ## 目的:定位问题 ## ![图片说明](https://img-ask.csdn.net/upload/201911/07/1573095386_555447.jpg)

Jenkins部署VUE项目无限转菊花

首先说下我的部署思路,主要分为两步 1.我通过jenkins拉取svn代码到远程服务器上,目录是(jenkins/workspace/vue)下 2.进入目录直接 执行“npm run test ![](https://img-ask.csdn.net/upload/201905/23/1558572367_93994.png) 3.部署结束后项目能成功启动,也能正常访问 4.但是就是一种转圈,导致整个Job不能结束,/log/all下也没报错日志 ![图片说明](https://img-ask.csdn.net/upload/201905/23/1558572616_854998.png) ![图片说明](https://img-ask.csdn.net/upload/201905/23/1558572638_468621.png) 必须手动给关闭,困扰多天,请教大神如何解决 ps:同时部署了java项目,启动tomcat都正常,未出现这种情况

我在vue.js命令中创建vue项目时乱码了,是什么原因??该怎么解决呢?

![该文件夹已经存在](https://img-ask.csdn.net/upload/201811/01/1541037301_130644.png)![我在这个文件夹中创建vue项目](https://img-ask.csdn.net/upload/201811/01/1541037361_666347.png) 本人第一次提问,望各位大神谅解!! 我在命令窗口中创建vue项目时出现了一段乱码。 不知道是什么原因。 我查过很多解决方案,好像都没有得到实际解决。 复查问题如下: 我的node.js装好了。webpack也有了,为什么还是不行?

hbuild将vue项目打包成app出错

使用vue-cli创建的vue项目,使用npm命令行进行项目打包生成了dist文件, 使用hbuild将dist文件打包成app的时候,能正常打包,生成的apk也能正常访问, 但是在进行接口访问的时候,报错Unhandled promise rejection, 错误代码: "Unhandled promise rejection" /dist/static/js/vendor.bcf70c3412c5c5ae31de.js (12)

Vue脚手架创建Vue项目卡住 ?

新手,我通过Vue脚手架创建Vue项目(可视化界面上创建)的时候,每次到最后一步创建项目的时候都会卡在一个地方,请大佬们点拨点拨 ![图片说明](https://img-ask.csdn.net/upload/202002/15/1581754453_778642.jpg) ![图片说明](https://img-ask.csdn.net/upload/202002/15/1581754468_834627.jpg)

vue-cli 项目发布到Tomcat下,读取不到静态资源

由于tomcat下的ROOT文件夹被占用,因此vue项目需要发布到webapps下的文件夹下,暂定‘project’文件夹。 **目录结构如下:** ![图片说明](https://img-ask.csdn.net/upload/201901/24/1548323650_455375.jpg) **配置如下:** config/index.js ![图片说明](https://img-ask.csdn.net/upload/201901/24/1548323568_390689.jpg) **build/utils.js** ![图片说明](https://img-ask.csdn.net/upload/201901/24/1548323722_767369.jpg) **build/webpack.base.conf.js** ![图片说明](https://img-ask.csdn.net/upload/201901/24/1548323797_104255.jpg) **执行:npm run build 之后生成的目录结构dist/project:** ![图片说明](https://img-ask.csdn.net/upload/201901/24/1548323921_208901.jpg) **将project文件夹放在tomcat的webapps下,启动tomcat后,访问 http://ip:8080/project,页面可以加载出来,但是图片都加载不出来,** ![图片说明](https://img-ask.csdn.net/upload/201901/24/1548324080_389948.jpg) **这个路径是ROOT目录下的文件,怎么修改为读取project/static/images下的文件啊。。。。。 请问这个问题怎么解决啊。。。愁好几天了**

idea无法新建vue项目,本地已经运行,怎么解决

今天第一次搭建vue,环境都装好了,vue也运行起来了,为什么无法在idea中新建vue项目呢 ![图片说明](https://img-ask.csdn.net/upload/201910/09/1570612127_785914.png) ![图片说明](https://img-ask.csdn.net/upload/201910/09/1570612154_474691.png)

vue打包上线后一片空白只能加载静态资源

![这是vue项目打包上传到服务器上的dome截图](https://img-ask.csdn.net/upload/201707/11/1499752646_269465.png) 只加载了静态资源,模板没有加载,也试了很多方法都不可行

vue项目不使用cli/npm的情况下怎么打包

vue项目不使用cli/npm的情况下怎么打包,直接在html里写的

vue项目代码分离,指定目录代码不打包

vue项目,想达到后端maven的pom效果,要编译哪个模块就编译哪个,而不是全部编译,该如何实现,请大神支招

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

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

Java校招入职华为,半年后我跑路了

何来 我,一个双非本科弟弟,有幸在 19 届的秋招中得到前东家华为(以下简称 hw)的赏识,当时秋招签订就业协议,说是入了某 java bg,之后一系列组织架构调整原因等等让人无法理解的神操作,最终毕业前夕,被通知调往其他 bg 做嵌入式开发(纯 C 语言)。 由于已至于校招末尾,之前拿到的其他 offer 又无法再收回,一时感到无力回天,只得默默接受。 毕业后,直接入职开始了嵌入式苦旅,由于从未...

Java基础知识面试题(2020最新版)

文章目录Java概述何为编程什么是Javajdk1.5之后的三大版本JVM、JRE和JDK的关系什么是跨平台性?原理是什么Java语言有哪些特点什么是字节码?采用字节码的最大好处是什么什么是Java程序的主类?应用程序和小程序的主类有何不同?Java应用程序与小程序之间有那些差别?Java和C++的区别Oracle JDK 和 OpenJDK 的对比基础语法数据类型Java有哪些数据类型switc...

@程序员:GitHub这个项目快薅羊毛

今天下午在朋友圈看到很多人都在发github的羊毛,一时没明白是怎么回事。 后来上百度搜索了一下,原来真有这回事,毕竟资源主义的羊毛不少啊,1000刀刷爆了朋友圈!不知道你们的朋友圈有没有看到类似的消息。 这到底是啥情况? 微软开发者平台GitHub 的一个区块链项目 Handshake ,搞了一个招募新会员的活动,面向GitHub 上前 25万名开发者派送 4,246.99 HNS币,大约价...

再不跳槽,应届毕业生拿的都比我多了!

跳槽几乎是每个人职业生涯的一部分,很多HR说“三年两跳”已经是一个跳槽频繁与否的阈值了,可为什么市面上有很多程序员不到一年就跳槽呢?他们不担心影响履历吗? PayScale之前发布的**《员工最短任期公司排行榜》中,两家码农大厂Amazon和Google**,以1年和1.1年的员工任期中位数分列第二、第四名。 PayScale:员工最短任期公司排行榜 意外的是,任期中位数极小的这两家公司,薪资...

我以为我学懂了数据结构,直到看了这个导图才发现,我错了

数据结构与算法思维导图

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

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

华为初面+综合面试(Java技术面)附上面试题

华为面试整体流程大致分为笔试,性格测试,面试,综合面试,回学校等结果。笔试来说,华为的难度较中等,选择题难度和网易腾讯差不多。最后的代码题,相比下来就简单很多,一共3道题目,前2题很容易就AC,题目已经记不太清楚,不过难度确实不大。最后一题最后提交的代码过了75%的样例,一直没有发现剩下的25%可能存在什么坑。 笔试部分太久远,我就不怎么回忆了。直接将面试。 面试 如果说腾讯的面试是挥金如土...

和黑客斗争的 6 天!

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

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

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

win10暴力查看wifi密码

刚才邻居打了个电话说:喂小灰,你家wifi的密码是多少,我怎么连不上了。 我。。。 我也忘了哎,就找到了一个好办法,分享给大家: 第一种情况:已经连接上的wifi,怎么知道密码? 打开:控制面板\网络和 Internet\网络连接 然后右击wifi连接的无线网卡,选择状态 然后像下图一样: 第二种情况:前提是我不知道啊,但是我以前知道密码。 此时可以利用dos命令了 1、利用netsh wlan...

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

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

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

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

总结了 150 余个神奇网站,你不来瞅瞅吗?

原博客再更新,可能就没了,之后将持续更新本篇博客。

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

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

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

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

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

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

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

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

程序员写出这样的代码,能不挨骂吗?

当你换槽填坑时,面对一个新的环境。能够快速熟练,上手实现业务需求是关键。但是,哪些因素会影响你快速上手呢?是原有代码写的不够好?还是注释写的不够好?昨夜...

!大部分程序员只会写3年代码

如果世界上都是这种不思进取的软件公司,那别说大部分程序员只会写 3 年代码,恐怕就没有程序员这种职业。

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

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

HTTP与HTTPS的区别

面试官问HTTP与HTTPS的区别,我这样回答让他竖起大拇指!

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

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

程序员为什么千万不要瞎努力?

本文作者用对比非常鲜明的两个开发团队的故事,讲解了敏捷开发之道 —— 如果你的团队缺乏统一标准的环境,那么即使勤劳努力,不仅会极其耗时而且成果甚微,使用...

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

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中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多个条件是什么逻辑关系?条件判断在什么时候执...

终于懂了TCP和UDP协议区别

终于懂了TCP和UDP协议区别

Python爬虫,高清美图我全都要(彼岸桌面壁纸)

爬取彼岸桌面网站较为简单,用到了requests、lxml、Beautiful Soup4

立即提问
相关内容推荐