vue-router 可以根据 URL 来获取 routers 定义的 name 属性吗

importVuefrom'vue'importVueRouterfrom'vue-router'importAppfrom'/Appvue'Vueuse(VueRouter)1定义组件，这里使用从其他文件import进来importindexfrom'/components/indexvue'importhellofrom'/components/hellovue'

不知道你有没有发现，vue做的网站除了首页以外，其他页面根本就不能被百度收录。以至于有很多做seo的同事痛斥其种种不是，最后被强迫改为不分离开发。

至于vue的详情页为什么不能被百度收录，这就涉及到了spa的核心概念，因为数据都是异步获取来的，前端根本就没有所谓的纯静态一说。通俗点讲就是，页面都是js通过ajax获取到数据以后，动态生成的。既然它本来就没有一个文件放在服务器上，当然，爬虫也就不能获取到这个静态的url地址了。

但是url静态地址又是做seo必须的东西

所以今天龙哥教你一套新的前端框架，基于vue的ssr前端框架—nuxt。本地开发的时候，使用vue语法，模块化你的项目，然后发布的时候生成静态，把ajax获取来的内容转化成静态html以利于seo。真正实现模块化和静态化两不误！

首先说明一下，龙哥本地的nuxt环境是281。如果你的版本号和我的不符，可能有部分语法你需要参考官方API开发手册。

使用命令：

小知识：啥是npx？

我们以前不是用的npm吗，但是这货每次安装东西的时候，你还得给全局装一个-g，相当于你电脑里老得有这个服务。

但其实你项目中已经包含了运行时候所需要得所有东西了。

如果你用了npx，他不会给你装这个东西，而是装得时候用一下，用完了就卸载，效率更高。

npx是nodejs在50版本以后新加入的，非常牛逼。

所以我们现在来cnpm -g 那一步都不需要了，我们直接npx创建项目即可！！！

直接输入

注意这里有可能报错，不用管他，过个几秒就安装好了。

还有一个需要注意的地方，你的git版本不能低于217否则后面有几个需要arrow选择得地方你可能选不了，请升级你的git版本。

然后就可以开始安装了。

等你看到这个界面，就是安装好了。

他会自动安装所需要得所有包，安装完了以后你进入localhost:3000

出现这个界面，就OK了

最近的项目迭代中新增一个需求，需要在electron-vue 项目打包之后，启动exe 可执行程序的时候，动态获取配置文件中的 baseUrl 作为服务端的地址。electron 可以使用 node 的 fs 模块来读取配置文件，但是在项目打包之后项目的静态资源都会被编译成其他文件，本文来记录下相关实现和知识点。

这里需要注意 electron-builder 中两个常用的配置选项：extraResources 拷贝资源到打包后文件的 Resources 目录中，extraFiles 拷贝资源到打包目录的根路径下，这里使用extraResources ,其中 from 表示需要打包的资源文件路径，to 值为 “/” 表示根路径。

代码如下：

打包之后配置文件会被拷贝过来

同样，页面也能拿到对应的数据，这样就可以通过修改配置文件，动态修改连接服务端ip了。

文章来自>

在vue页面，基于百度地图获取访问当前H5页面用户的位置信息（经纬度）

上述中，你的AK信息值通过注册 百度地图开放平台 账号获取

说明：

1 上述address对象即包含了经纬度信息

2 该方式需要页面url为>

以上就是关于vue-router 可以根据 URL 来获取 routers 定义的 name 属性吗全部的内容，包括:vue-router 可以根据 URL 来获取 routers 定义的 name 属性吗、nuxt入门教程（一）vue如何实现全站静态化、electron-vue 项目启动动态获取配置文件中的后端服务地址等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！