vue把localhost改成ip地址无法访问—解决方法

不念不忘少年蓝@ 2022-02-25 14:18 1483阅读 0赞

开发Vue spa 商城进行真机测试的时候，原本在/config下的index.js/host

'use strict'
    // Template version: 1.3.1
    // see http://vuejs-templates.github.io/webpack for documentation.
    
    const path = require('path')
    
    module.exports = {
      dev: {
        // Paths
        assetsSubDirectory: 'static',
        assetsPublicPath: '/',
    
        // Various Dev Server settings
        // host: 'localhost'
        host: '192.168.xx.xx', // can be overwritten by process.env.HOST
        port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
        autoOpenBrowser: false,
        errorOverlay: true,
        notifyOnErrors: true,
        poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
    
        proxyTable: {
          '/api': {
            target: 'xxxxxxxxxx',
            secure: false,
            changeOrigin: true,
            pathRewrite: {'^/api': ''}
          }
        },
    
    
        /**
         * Source Maps
         */
        devtool: 'cheap-module-eval-source-map',
        cacheBusting: true,
    
        cssSourceMap: true
      }
    }

今天突然不行了，解决办法：

"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 192.168.x.xxx",
    // 修改的是本地的ip 
    
    再进行重新运行一下 npm install
    
    
    npm run dev 运行一下就可以了
    
    //浏览器里面输入
    http://192.168.xx.xx:8080/index

自行备注，也希望可以帮到你。

发表评论取消回复

表情：

评论列表（有 0 条评论，1483人围观）

还没有评论，来说两句吧...

相关阅读

相关把IP地址存成 UNSIGNED INT

多程序员都会创建一个 VARCHAR(15) 字段来存放字符串形式的IP而不是整形的IP。如果你用整形来存放，只需要4个字节，并且你可以有定长的字段。而且，这会为你带来查...

Myth丶恋晨/ 2024年04月19日 15:01/ 0 赞/ 75 阅读

相关 Vue3使用IP地址访问（解决 ERR_CONNECTION_REFUSED）

Vue3使用IP地址访问问题 Vue3 项目，运行后，在本机浏览器中，直接使用 `localhost` 访问（或 `127.0.0.1`），能够正确访问。但是

男娘i/ 2023年10月08日 18:52/ 0 赞/ 23 阅读

相关 mysql使用localhost可以访问，使用ip地址无法访问

链接：[https://www.cnblogs.com/qinaqina/p/11825771.html][https_www.cnblogs.com_qinaqina_p_1

àì夳堔傛蜴生んèń/ 2023年07月17日 14:20/ 0 赞/ 39 阅读

相关 vs把localhost访问改为ip访问

1.在状态栏中选择IIS Express站点 ![在这里插入图片描述][202009291410303.png_pic_center] 2.右键选择显示所有应用程序

以你之姓@/ 2022年12月11日 07:52/ 0 赞/ 219 阅读

相关 vue解决本地ip地址无法访问项目问题【亲测有效】

> 问题描述： > > 本地正常启动vue项目，localhost:9001 本地访问正常，但是使用本机ip 却访问不行，因为host默认绑定的是：loca

末蓝、/ 2022年12月04日 01:02/ 0 赞/ 238 阅读

相关 sqlserver服务器名称改成本地IP地址登录

在安装sqlserver2008、2012等时选择的是默认实例，服务器名称也就是电脑的名称，特别是登录本地的数据库，需要输入电脑用户名称加上SQLEXPRESS 例如：zha

àì夳堔傛蜴生んèń/ 2022年05月25日 02:52/ 0 赞/ 212 阅读

相关 GitLab 项目创建后地址由Localhost改为实际IP的方法

vim /opt/gitlab/embedded/service/gitlab-rails/config/gitlab.yml GitLab sett

た入场券/ 2022年05月19日 13:56/ 0 赞/ 450 阅读

相关 GitLab 项目创建后地址由Localhost改为实际IP的方法

vim /opt/gitlab/embedded/service/gitlab-rails/config/gitlab.yml GitLab sett

╰半橙微兮°/ 2022年03月29日 10:14/ 0 赞/ 422 阅读

相关 vue把localhost改成ip地址无法访问—解决方法

开发Vue spa 商城进行真机测试的时候，原本在/config下的index.js/host 'use strict' // Template versio

不念不忘少年蓝@/ 2022年02月25日 14:18/ 0 赞/ 1484 阅读

相关 vue项目配置ip地址访问

vue项目配置ip地址访问第一步：打开运行框windows+r cmd 输入ipconfig 找到ipv4地址例如192.168.0.1 第二步:修

浅浅的花香味﹌/ 2022年02月12日 15:01/ 0 赞/ 1249 阅读