精华内容
下载资源
问答
  • 通过 IP 访问 Vue 项目

    2019-08-21 17:51:07
    要在手机上测试 vue 项目,发现无法通过 IP 地址访问 PC 上运行的 Vue 项目。 手机要和 PC 在同一个 WiFi 下。 解决方案 方式一 修改「project_name/build/webpack.dev.conf.js」中的 const HOST = process.env....

    要在手机上测试 vue 项目,发现无法通过 IP 地址访问 PC 上运行的 Vue 项目。

    手机要和 PC 在同一个 WiFi 下。

    解决方案

    修改后,请停止项目后使用 npm run dev重启项目。

    方式一

    修改「project_name/build/webpack.dev.conf.js」中的 const HOST = process.env.HOSTconst HOST = '192.168.x.xx'

    // const HOST = process.env.HOST
    const HOST = '192.168.96.53'
    

    方式二

    修改「project_name/package.json」中的代码。

    前:

    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js"
    

    后:

    "dev": "webpack-dev-server --inline --host 0.0.0.0 --progress --config build/webpack.dev.conf.js"
    

    原因

    Vue 项目搭建 中安装 VUE-CLI 时自动安装了 webpack 此打包工具,推荐阅读:vue-cli can`t be run with ip adrees

    展开全文
  • 今天遇到个问题,之前一直没遇到过,通过vue-cli脚手架搭建的项目,只能通过localhost访问,不能通过IP地址访问。...这样做能禁止局域网内的其他设备访问你的项目,如果想让其他设备通过IP访问你的项目,可以...

    今天遇到个问题,之前一直没遇到过,通过vue-cli脚手架搭建的项目,只能通过localhost访问,不能通过IP地址访问。

    这是由 webpack 导致的,2017年11月12日的时候 webpack 升级,导致 /config/index.js 里面的配置项多了几项

    其中一项就是 dev 中多了:

    这样做能禁止局域网内的其他设备访问你的项目,如果想让其他设备通过IP访问你的项目,可以把'localhost'改为'0.0.0.0',

    或者在package.json中的

    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js" 改为

    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0"

    这样就可以使用IP访问项目了。

    这时候我又想在手机上访问项目,于是我用手机访问IP地址,发现页面空白(IOS10),我又用安卓打开,发现是有内容的。

    这又暴露了一个问题,想要解决也很简单,只需修改config下面的index.js中的'devtool ',将'eval-source-map' 改为 'inline-source-map'

    这样就能通过手机访问了。

    到此结束,有问题联系QQ 412606846  微信同号

     

    转载于:https://www.cnblogs.com/zlfProgrammer/p/8074539.html

    展开全文
  • 主要介绍了完美解决通过IP地址访问VUE项目的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • node.js环境下的vue项目在电脑浏览器上可以通过本地ip访问页面。但是在手机上却访问不了该项目。 一、查看手机和局域网是否是通的 链接该网段的局域网; 查看本机防火墙是否有影响,最好是关闭防火墙 二、...

    node.js环境下的vue项目在电脑浏览器上可以通过本地ip访问页面。但是在手机上却访问不了该项目。

    一、查看手机和局域网是否是通的

           链接该网段的局域网;

           查看本机防火墙是否有影响,最好是关闭防火墙

           

    二、网通了之后,检查项目配置。建议如下配置;

            1、查看 config 文件中index.js文件下的host,host:0.0.0.0(貌似非必须)

              

            2、 修改 package.json 文件里进行配置, scripes.dev中设置 --host 0.0.0.0(测试直接加本地ip端口也可以0.0.0.0)

            我是直接修改的package.json中的文件 设置局域网ip  例如:10.0.0.47(看自己电脑上的ip哈)

            若 1 中进行了配置,2中不配置默认执行 1;

            我是 1 中没配置,直接设置的 2。

            

     

    部分截图转自:https://blog.csdn.net/veloi/article/details/88214866#commentBox

    展开全文
  • 前言:启动vue-cli项目服务,在PC端用本机IP访问此网站,但是手机访问却拒绝了我们的链接请求。从而无法从手机上预览效果。 一、部署ip和localhost都可以访问本地vue-cli项目 (1)查看config目录下有一个index....

    前言:启动vue-cli项目服务,在PC端用本机IP可访问此网站,但是手机访问却拒绝了我们的链接请求。从而无法从手机上预览效果。

    一、部署ip和localhost都可以访问本地vue-cli项目

    (1)查看config目录下有一个index.js, 找到dev对象的host属性(vue-cli将host主机名定义为localhost, 从而导致了本地IP不能访问服务)

    host: 'localhost', // can be overwritten by process.env.HOST
    

    (2)host重新定义为:0.0.0.0

    host: '0.0.0.0'
    

    (3)查看package.json文件,将scripts下的dev属性增加 --host 0.0.0.0

    "scripts": {
            "dev": "webpack-dev-server --inline--progress --config build/webpack.dev.conf.js  --host 0.0.0.0",
            "start": "npm run dev",
            "build": "node build/build.js"
        },
    

    然后,请记得重启服务,一般就可以实现这个功能了。但是笔者其实在这个方法的使用过程中发现了前言里发现的问题

    二、问题的n个解决方案

    • 网络原因:直接切换到另外一个wifi或者网络。重新获取本地IP,换IP访问即可(笔者经常性是这个问题,超大概率)。
    • 防火墙:需要关闭电脑防火墙
    • config目录下有一个index.js和package.json只修改一处,应该2处都修改为0.0.0.0

     

    展开全文
  • 如何配置vue项目通过ip访问还是通过localhost访问
  • 解决不能通过IP地址访问VUE项目的问题问题背景问题解决 问题背景 目前项目是前后端分离的,VUE+SpringBoot,我拷贝下来前端项目在自己机器上运行,能通过localhost+端口号访问,但不能ton过IP地址访问 问题解决 上网找了...
  • vue项目局域网通过ip访问

    千次阅读 2019-01-18 16:28:07
    使用vue-cli搭建的项目,需要同一局域网都可以通过本机IP地址访问到 在config文件中找到 index.js 文件 中找到下面代码 将此处的host改为0.0.0.0就可以,或许有的小伙伴同一局域网打开ip+端口号开还是不能访问,...
  • 1, 首先找到使用vue脚手架建立项目config文件中的index.js文件 2, 修改dev里面的host属性值:改成 host: ‘0.0.0.0’ 3, 最后在局域网下,使用自己的ip进行连接,同时别忘了重启项目。 ...
  • vue项目想要通过ip地址访问运行项目,需执行以下操作。 1.查看本机IP地址。win+R打开cmd命令,输入ipconfig/all查看本机ip地址。 2.修改package.json文件中添加–host 0.0.0.0,然后重新重启项目。 "scripts": { ...
  • 使用vue-cli搭建的项目,别人可以访问电脑 ip访问项目 在config文件中找到 index.js 文件 中找到下面代码 module.exports = { dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '...
  • Vue项目通过本地ip访问 1.修改package.json文件: 将:“dev”: “webpack-dev-server --inline --progress --config build/webpack.dev.conf.js”, 替换成: “dev”: “webpack-dev-server --open --hot --host ...
  • 启动vue项目 既能localhost访问又能通过ip访问 在初始化完一个vue项目(基于vue-cli 和webpack)之后,我们可以通过 npm run dev来让这个项目跑起来, 然后就可以在浏览器里输入localhost:8080就可以访问该项目了。 ...
  • 一 找到:build>>webpack.dev.conf.js 把const HOST = process.env.HOST修改为: ...(192.168.1.139是本地电脑的ip地址) 二 找到:package.json 把"dev": “webpack-dev-server --inline --progress --con...
  • vue项目通过本地IP地址访问,不是localhost 修改package.json中scripts属性,再dev属性下添加:--host 192.168.3.45即可。
  • Vue项目部署到服务器通过公网IP访问 一、vue项目打包 1.打包项目及修改文件 ​ 在本地的项目完成后,可能需要将其部署到服务器上,并且通过公网IP就可以访问到这个项目,下面介绍一下具体的部署流程。 ​ 首先将写...
  • 本地vue项目,只能通过http://localhost:8080/#/访问,不能通过IP地址访问 修改package.json,加 --host 0.0.0.0,然后重启项目
  • 通过IP地址访问前端Vue项目

    千次阅读 2019-04-01 20:37:15
    在package.json文件的图示那一行添加’’–host 0.0.0.0
  • 为了实现vue项目启动服务,多个人可以查看,别人可以通过ip+端口访问 在config文件下的index.js文件中,修改host为: host: '0.0.0.0', 或者在package.json文件下"scripts"的"dev"后面加上–host 0.0.0.0" 例如: ...
  • 原文链接:vue项目本地服务器设置既能localhost访问又能手机ip访问 在初始化完一个vue项目(基于vue-cli 和webpack)之后,我们可以通过 npm run dev来让这个项目跑起来。 我们在浏览器里输入localhost:8080就可以...
  • vue项目让局域网ip访问配置设置

    万次阅读 热门讨论 2019-03-06 00:27:50
    在开发中,为了让同一局域网的小伙伴,都可以通过IP地址访问vue-cli搭建的项目,要怎么配置呢? 第一步:修改config文件中找到 index.js 文件的host改成 ‘0.0.0.0’ 第二步:检查package.json文件里进行配置,...
  • vue项目设置ip访问

    千次阅读 2020-07-28 11:46:31
    1.只用ip访问 打开config --> index 文件 host: '172.16.1.95' 新增host,改成IP地址 最后重新运行项目 2.既可以IP访问,由可以localhost访问 将config --> index 中host 该为 host: '0.0.0.0', ...
  • vue项目使用本地ip访问

    千次阅读 2019-05-27 15:37:05
    vue的配置文件中修改host属性值: 方法1.将host值改为本地ip地址; 方法2.将host值改为’0.0.0.0’。 'use strict' // Template version: 1.3.1 // see ...
  • vue项目设置局域网ip访问 修改index.js文件 修改package.json文件,添加红框中内容 修设置防火墙
  • https://www.cnblogs.com/mmzuo-798/p/12069088.html

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 11,075
精华内容 4,430
关键字:

通过ip访问vue项目

vue 订阅