vue项目正常运行,通过chrome访问https://127.0.0.1:8081出现问题,求解答

vue项目开发问题

       首先说明一下情况,公司让我开发一个项目里的功能,我就用自己的电脑,连接内网,从代码库中clone下来一这部分项目。但是开发还没开始我就遇到问题,各位大佬听我仔细叙述一下我遇到的问题:

  1. 首先,我使用的开发工具是vscode,浏览器是chrome,电脑是win10系统;
  2. 接下来开始说明我的操作,我是用vscode将clone下来的代码打开,使用npm install安装依赖,之后直接npm run dev运行;如图:vue项目正常运行,通过chrome访问https://127.0.0.1:8081出现问题,求解答_第1张图片
  3. 之后我想看通过浏览器访问项目,看看实际的效果,便于之后修改,然后打开浏览器输入https://127.0.0.1:8081;如图:vue项目正常运行,通过chrome访问https://127.0.0.1:8081出现问题,求解答_第2张图片
  4. 与此同时还出现vscode终端报错的现象;内容如下:vue项目正常运行,通过chrome访问https://127.0.0.1:8081出现问题,求解答_第3张图片5. 补充一下,我在公司的电脑上,登录云桌面,在云桌面面上进行了相同的操作,是成功访问了这个项目,并且vscode终端也没有报错;云桌面上刚开始时也遇到不能访问的问题,但是上网找到了就决方案,网上说是因为全局代理的原因,所以要把localhost要一直换成127.0.0.1,具体的位置是在config文件夹下的index.js中的host;最开始这个位置的代码是0.0.0.0
    如图:vue项目正常运行,通过chrome访问https://127.0.0.1:8081出现问题,求解答_第4张图片

所以大佬们,给个解决方案吧,虽然使用云桌面可以继续开发,但是这个玩意太难用了,救救孩子吧!

你可能感兴趣的:(vue项目正常运行,通过chrome访问https://127.0.0.1:8081出现问题,求解答)