美文网首页
vue项目,别人电脑上看你本地的项目

vue项目,别人电脑上看你本地的项目

作者: 地主家也没余粮叻 | 来源:发表于2018-08-24 11:11 被阅读0次

    需求:设计师想在他电脑上看你本地代码,不同分辨率下的效果,

    ①  直接打包发给他不现实,改了之后又重新打包麻烦。

    ②  让他拉分支也不现实。

    ③  可能有人要问了为啥不直接在线上看,代码还没开发完,改一点就丢一点也不方便,这种是实时同步更新,你保存他那边同步刷新代码(so easy)

    1. 处于同一个网段(PS:连同一个WiFi,必须在同一个局域网才行)

    2. 重启本地环境 :

    yarn run dev --host 0.0.0.0(不需要修改配置文件)

     npm run dev --host (需要修改config/index.js ,把 host: 'localhost', 改为 host: '0.0.0.0')

    3. 你电脑的IP本地项目的端口号 别人打开这个就可以访问你本地项目了(类似于:192.168.100.100:8089 )

    注:
    npm run dev --host 报错

    解决办法:
    1. 打开 config/index.js 文件
    2. 把 host: 'localhost', 改为 host: '0.0.0.0',  
    3. 重启 npm run dev --host
    4. 电脑IP+端口即可访问了

    错误提示图

    相关文章

      网友评论

          本文标题:vue项目,别人电脑上看你本地的项目

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