webstorm的他人访问本项目地址

前言

在写项目的时候因为考虑到合作或者审查（个人而言），需要把项目地址分享成他人可查看，实现方法在此记录一下（小白一枚，不对请轻喷）

---

一、新建js

本人用的是webstorm工具，采用vue3.0，在文件夹最外层新建vue.config.js文件

二、步骤
vue.config.js文件代码如下：

module.exports = {
    devServer: {
     post: xxxx,
     host: '192.168.xxx.xxx',
     }，
}

在这里的host设定的是项目开启时的IP地址，用的是当前wifi的IP地址，post指的是端口，不设置就是8080，然后他人连接同样的wifi访问地址即可查看当前项目。
2. 启动项目
用的是 yarn serve，没有安装yarn的可以，npm run dev，完成后出现：

App running at:
  - Local:   http://192.168.xxx.xxx:xxxx
  - Network: http://192.168.xxx.xxx:xxxx

复制给他人就好了。

---

总结

以上就是个人实现完成的步骤，挺简单，自己记一下，以后还有好的方法再次记录。