博客
关于我
局域网访问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/

你可能感兴趣的文章
Node+Express连接mysql实现增删改查
查看>>
node, nvm, npm,pnpm,以前简单的前端环境为什么越来越复杂
查看>>
Node-RED中Button按钮组件和TextInput文字输入组件的使用
查看>>
vue3+Ts 项目打包时报错 ‘reactive‘is declared but its value is never read.及解决方法
查看>>
Node-RED中Switch开关和Dropdown选择组件的使用
查看>>
Node-RED中使用html节点爬取HTML网页资料之爬取Node-RED的最新版本
查看>>
Node-RED中使用JSON数据建立web网站
查看>>
Node-RED中使用json节点解析JSON数据
查看>>
Node-RED中使用node-random节点来实现随机数在折线图中显示
查看>>
Node-RED中使用node-red-browser-utils节点实现选择Windows操作系统中的文件并实现图片预览
查看>>
Node-RED中使用node-red-contrib-image-output节点实现图片预览
查看>>
Node-RED中使用node-red-node-ui-iframe节点实现内嵌iframe访问其他网站的效果
查看>>
Node-RED中使用Notification元件显示警告讯息框(温度过高提示)
查看>>
Node-RED中使用range范围节点实现从一个范围对应至另一个范围
查看>>
Node-RED中实现HTML表单提交和获取提交的内容
查看>>
Node-RED中将CSV数据写入txt文件并从文件中读取解析数据
查看>>
Node-RED中建立TCP服务端和客户端
查看>>
Node-RED中建立Websocket客户端连接
查看>>
Node-RED中建立静态网页和动态网页内容
查看>>
Vue3+Element-ul学生管理系统(第二十二课)
查看>>