博客
关于我
局域网访问vue项目
阅读量:267 次
发布时间:2019-03-01

本文共 607 字,大约阅读时间需要 2 分钟。

在 package.json 中dev属性中添加 --host 0.0.0.0

"scripts": {     "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0",  "start": "npm run dev",  "build": "node build/build.js"},

配置跨域是localhost写成ip地址

// PathsassetsSubDirectory: 'static',assetsPublicPath: '/',proxyTable: {     '/api': {       target: 'http://192.168.4.123/', // 接口的域名    // secure: false,  // 如果是https接口,需要配置这个参数    changeOrigin: true, // 如果接口跨域,需要进行这个参数配置    pathRewrite: {         '^/api': ''       //这是一个通配符,设置完了之后每个接口都要在前面加上/api(特别注意这一点),http://localhost:10010    }  }},

npm rebuild 重新构建一下,不然有可能不会生效。

转载地址:http://nvnt.baihongyu.com/

你可能感兴趣的文章
Nginx+Tomcat实现动静分离
查看>>
nginx+Tomcat性能监控
查看>>
nginx+uwsgi+django
查看>>
nginx+vsftp搭建图片服务器
查看>>
Nginx-http-flv-module流媒体服务器搭建+模拟推流+flv.js在前端html和Vue中播放HTTP-FLV视频流
查看>>
nginx-vts + prometheus 监控nginx
查看>>
nginx: [emerg] getpwnam(“www”) failed 错误处理方法
查看>>
Nginx、HAProxy、LVS
查看>>
Nginx下配置codeigniter框架方法
查看>>
Nginx之二:nginx.conf简单配置(参数详解)
查看>>
Nginx代理websocket配置(解决websocket异常断开连接tcp连接不断问题)
查看>>
Nginx代理初探
查看>>
nginx代理地图服务--离线部署地图服务(地图数据篇.4)
查看>>
Nginx代理外网映射
查看>>
Nginx代理模式下 log-format 获取客户端真实IP
查看>>
Nginx代理解决跨域问题(导致图片只能预览不能下载)
查看>>
Nginx代理配置详解
查看>>
Nginx代理静态资源(gis瓦片图片)实现非固定ip的url适配网络环境映射ip下的资源请求解决方案
查看>>
Nginx代理静态资源(gis瓦片图片)实现非固定ip的url适配网络环境映射ip下的资源请求解决方案
查看>>
nginx反向代理
查看>>