VUE2.0 脚手架搭建项目，如何配置本地IP地址访问项目，详解

前言：后端同事想访问我VUE本地项目进行自测，然后我就进行了一系列配置
1.首先找到config文件夹目录下的 index.js文件

// Various Dev Server settings//host: 'localhost' //将localhost进行替换成 0.0.0.0host: '0.0.0.0', // can be overwritten by process.env.HOSTport: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be de

2.然后找到package.json配置文件

//在这句代码后面添加 --host 0.0.0.0" 如下
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0"",

3.我们还需要配置一下build文件夹下面的webpack.dev.conf.js文件

 devServer: {useLocalIp: true, //将useLoackIp设置为true 就可以了}

4.最后配置一下启动项目通过localhost 和本地ip地址访问
同样还是在build文件夹下面的webpack.dev.conf.js文件找到

 devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({compilationSuccessInfo: {messages: [ //下面两个地方，直接复制即可`App runing at: `,` - Local: http://localhost:${port}`, //配置这里` - Network: http://${require('ip').address()}:${port}`,//配置这里],},onErrors: config.dev.notifyOnErrors? utils.createNotifierCallback(): undefined}))

VUE2.0 脚手架搭建项目，如何配置本地IP地址访问项目，详解相关推荐

vs运行localhos转换为本地ip地址访问
打开vs文档下面在applicationhost.config找到site节点 1.打开applicationhost.config,找到如下代码: <bindings><bindi ...
Apache 配置禁止IP地址访问，只允许使用域名的方式访问
配置过程提前安装好httpd服务器正常IP地址访问效果编辑主配置文件在最后面添加如下信息即可 <VirtualHost *:80>DocumentRoot /var/www/htm ...
微信如何通过ip访问服务器项目,vue2.0 在微信端如何使用本地IP访问项目
我们会遇到这样的需求,在PC端开发vue脚手架项目,希望在微信端随时浏览页面(如果打包再发布到服务器又太麻烦),怎么办? 思路很简单:保证手机和电脑在同一个IP下,用同一个IP访问项目,这样就可以了: ...
linux通过光盘安装命令包,RHEL5通过光盘配置本地yum仓库及命令详解
Yum介绍 Yum全称为 Yellow dog Updater, Modified(软件包管理器)我们开玩笑时也称"黄狗" 主要功能是更方便的添加/删除/更新RPM包,yum能检查 ...
1 阿里云Nginx配置https实现域名访问项目
第一步:签署第三方可信任的 SSL 证书证书可以直接在阿里云里面申请免费的ssl证书登录阿里云账号,在上方搜索栏内搜索ssl,点击ssl证书(应用安全) 来到这个页面后点击购买证书如图选择免费版 ...
Linux Red Hat 6.0 配置网卡ip地址和备用ip地址
Linux Red Hat 6.0 配置ip地址和配用ip地址 1.使用vim编辑器打开网卡配置文件 root#vim /etc/sysconfig/network-scripts/ifcfg-eth ...
Centos7.0上搭建LAMP平台安装discuz后无法访问
Centos7.0上搭建LAMP平台安装discuz后无法访问,出现500错误.解决方式:centos7.0上的php程序是5.4的,编译安装一个5.3版本的就可以访问了. 转载于:https://b ...
xstatic图形连接linux,RHCE认证考试模拟题深入讲解：linux配置静态IP地址为：192.168.0.X！...
原标题:RHCE认证考试模拟题深入讲解:linux配置静态IP地址为:192.168.0.X! RHCE认证考试模拟题深入讲解:linux配置静态IP地址为:192.168.0.X! 本经验由宗龙龙原 ...
【访问本地项目,localhosthost可以,本地ip不可以】
缘由 app端需要和手机共享一个WiFi,所以百度了下,网上说可以用电脑管家提供的免费WiFi共享,所以实践了这个方法,但是出现的问题是:访问本地项目,localhosthost可以,本地ip不可以. ...
解决更改Maven本地仓库地址springboot项目报错，永久设置Maven本地仓库地址的方法
想修改所有新建项目Maven的地址,在创建工程面板修改,搜索Maven,改三个地方: 打开之前创建的Maven项目,因为本地仓库地址改成D盘后,springboot的preject位置报红: 检查后, ...

VUE2.0 脚手架搭建项目，如何配置本地IP地址访问项目，详解

VUE2.0 脚手架搭建项目，如何配置本地IP地址访问项目，详解

VUE2.0 脚手架搭建项目，如何配置本地IP地址访问项目，详解相关推荐

最新文章

热门文章