vue 的前台获取不到数据

如果屏幕右下角的网络连接图标没有显示断开，而双击后看到连接状态中“接收”总是0，那很可能是网线做得不好，换一根保证正确的网线试一下，或者把这根线拿到其它地方去试一下。

绝对不会是系统的问题(当然如果你重装的话也可能会解决，因为你会重新设置网络连接)

应该是网络连接的设置有问题，比如说IP冲突（局域网连接），无法获得IP什么的

如果是家里的个人电脑，你可以和你的网络运营商联系（电信、铁通什么的，看你的网络），如果是通过局域网连接，首先确定没冲突，然后按照别人的设置一下（主要是属性--〉Internet协议（TCP/IP）的内容），或者联系网络管理员

！

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

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

代码如下：

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

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

文章来自>

需要配置一下，才可直接用局域网 IP 访问，方法如下：

给 dev 添加--host 0000 属性，这样就可以用手机访问电脑的 IP 直接打开项目网站了。如果还是无法访问，需要配置一下电脑的防火墙，把所需的端口（如：8080）打开。

设置方法如下：Windows 10 ，搜索“控制面板”，打开，Windows 7 可以直接在开始菜单打开。点击“Windows Defender防火墙”——“高级设置”——新建“入网规则”。规则类型选择“端口”，下一步“特定本地端口”填 8080-8088 （此处是一个 IP 段，因为如果打开多个项目，端口会被占用， Vue会自动分配一个新的端口。如：8081 ）。

下一步“允许连接”，下一步选择开放的场景，我选的是前两个，下一步输入规则名称，点击“完成”即可。这样用手机访问电脑 IP 加端口号，192168111:8080 就可以打开项目了。获取电脑 IP 的方法：Win + R 运行“cmd”，输入 ipconfig 回车, 就可以看到自己的IP了

在做基于LBS的应用中，时常会和地图打交道，最直接的解决方案，当然是去对应的地图官网找文档，然后一步步来玩。对于简单场景而言，体验应该还好，但对于一些状态多，变化频繁的复杂场景而言，不仅要时刻维护本地数据状态和地图状态同步，还要查找设置各种状态的地图API，实在是让人头疼的事情。设计vue-amap的初衷，也就是为了让开发者，在编写地图应用时，能从查找众多地图API和繁琐的地图状态同步中解脱出来。

1、vue中的路由是在找到目的地。

2、路由器里根据目标IP，找到中间需要经过的路由器路径，Web里根据网址找到能处理这个URL的程序或模块。

3、网络原理中，路由指的是根据上一接口的数据包中的IP地址，查询路由表转发到另一个接口，它决定的是一个端到端的网络路径。

4、web里面路由概念也是类似的，根据URL来将请求分配到指定的一个端，另外也可指在某一个节点设置转发，将到达这里的每一个包或者说URL重新定向到另一个端并且可以在这个过程中对这个包进行处理。

在部署vue项目时，部署完成发现请求地址返回两个ip地址，主要原因是前端打包的时没写>

1 首先要保证，你的手机和电脑必须是连接同一个WIFI

2 找到vue项目中的，packagejson文件，修改增加内容

三人行慕课

这里要增加一个 --host 0000

3 找到自己电脑的本地ip

mac或者linux的用户在终端执行：ifconfigwindows用户执行：ipconfig

找到对应自己的ip

4 找到ip后，在手机的浏览器中输入ip即可，例如我的ip是：1921681371

手机中输入 

诶吃提提屁://1921681371:8080

前言：

有这样一个需求，需要在多个不同的服务器下部署同一个前端项目，（正常 *** 作是每一台服务器都根据不同的IP地址build一个包依次部署，非常繁琐，因此简化为多个环境只需要用打一个包即可）

解决方案：首先需要服务器设置系统环境变量，在打包后部署到服务器，通过运行sh文件来获取环境变量set到项目中

以下是vue项目为例， React ，Angular 均可以使用

1，在项目根目录创建 runsh 文件

注解：

第一行 apiUrl为当前系统配置的系统环境变量名称

第二行 将获取到的ip地址赋值到打包后的dist文件下indexhtml下的body中

2，项目中使用

3，将打包后的dist文件上传到服务器后，运行 runsh，运行完成，页面就可以正常请求啦~

运行命令如下，也可手动运行

重要：需要在部署的服务器提前配置系统环境变量API_URL，否则获取不到

以上就是关于vue 的前台获取不到数据全部的内容，包括:vue 的前台获取不到数据、electron-vue 项目启动动态获取配置文件中的后端服务地址、vue-amap内网部署无法使用等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！