在vue项目中,通常运行项目后,会生出两个链接,一个是本地的127.0.0.1和局域网的本机ip地址链接。
然后我发现当其他设备在局域网打开该项目的时候使用数据库的api访问会请求失败,查阅了大量资料后才发现,解决方法很简单。
是自己设置的axios请求链接需要修改一下。
import axios from 'axios'
Vue.prototype.$http = axios.create({
baseURL: 'http://localhost:3001/api'
})
只需要将上述的localhost更换为本机在局域网的ip地址即可。