美文网首页
Vue项目本地服务器设置既能localhost访问又能通过IP地

Vue项目本地服务器设置既能localhost访问又能通过IP地

作者: xinyiyake | 来源:发表于2019-12-13 10:28 被阅读0次

    问题
    最近接手了一个vue项目,项目在我本机上启动,通过localhost可以访问,现在想要让同一局域网上的其它机器通过访问我的IP地址也能打开页面,却发现打不开页面。

    解决办法
    修改Vue项目的配置文件

    1. 修改项目config目录下的index.js文件,把host改成0.0.0.0

      修改index.js
    2. 修改package.json中的启动指令为 webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0

      修改package.json

    修改完之后重启项目,就可通过localhost和IP地址访问你的页面了,例:

    'http://localhost:8090'
    或
    'http://192.168.8.214:8090'
    // 192.168.8.214为你的电脑上的IP地址
    

    相关文章

      网友评论

          本文标题:Vue项目本地服务器设置既能localhost访问又能通过IP地

          本文链接:https://www.haomeiwen.com/subject/qsxfnctx.html