Vue笔记--同局域网下访问本地项目

正常开发中有时间提测比较麻烦.通常让测试小姐姐连接开发本地开启的服务器访问本地项目(在同一局域网下). 其实一般项目IDE已经实现这些功能例如webstorm和vscode,有时候需要单独配置下. 但是Vue项目在本地开发环境中他们就没办法通过IDE去开启服务器,一般都是是vue-cli脚手架开启服务器的这时候就需要我们做些特别的配置了. 首先需要获取自己的ip,我本人使用mac 在iterm中输入 ifconfig en0 可以拿到自己的IP inet 10.101.2.43 window系统…

day06-初识Vuetify框架UI框架和使用域名访问本地项目

本项目的笔记和资料的Download,请点击这一句话自行获取. day01-springboot(理论篇) :day01-springboot(实践篇) day02-springcloud(理论篇一) :day02-springcloud(理论篇二) :day02-springcloud(理论篇三) :day02-springcloud(理论篇四) : day03-springcloud(Hystix,Feign) :day03-springcloud(Zuul网关) day04-项目搭建…

leyou_02_nginx使用域名访问本地项目

1.nginx的搭建依赖环境 1.1 准备jdk环境当前最新版本下载地址:http://www.oracle.com/technetwork/java/javase/downloads/index.html 历史版本下载地址: http://www.oracle.com/technetwork/java/javase/archive-139210.html 1.2 解压压缩包 1.3 配置jdk环境变量,打开/etc/profile配置文件,将下面配置拷贝进去 #set java enviro…

XAMPP 虚拟主机配置，实现多域名访问本地项目

XAMPP 虚拟主机配置,实现多域名访问本地项目 1.首先你既然要配置多个虚拟主机,那你肯定需要多个站点的目录文件.你可以在e盘创建 www文件夹,然后在该文件件中新建两个站点目录,假设test.com和train.com好了. 目录建好了,那你肯定需要配置两个域名来访问改目录吧.打开C盘,这里是你的系统安装盘哦,不是C盘的进你电脑的系统安装盘,找到Windows文件夹——>System32文件夹——>drivers文件夹——>etc文件夹中的hosts.conf文件,用管理员权限打开,…

Mac设置外网访问本地项目

> 官网地址:https://ngrok.com/download 步骤(官网基本已经说明了步骤,但还不完善,以下为亲测步骤): 下载并注册账号打开终端,进入ngrok.zip所在文件夹(方法:输入cd,将指定文件夹拉入终端,回车),输入unzip ngrok.zip进行解压注意:一定要走终端,不能手动解压本地配置用户信息: 配置邮箱:./ngrok authtoken 794926872@qq.com 获取并配置token,详见:https://dashboard.ngrok.com/a…

017 使用域名访问本地项目---涉及switchhost和Nginx

1.统一环境我们现在访问页面使用的是:http://localhost:9001 实际开发中,会有不同的环境: 开发环境:自己的电脑测试环境:提供给测试人员使用的环境预发布环境:数据是和生成环境的数据一致,运行最新的项目代码进去测试生产环境:项目最终发布上线的环境如果不同环境使用不同的ip去访问,可能会出现一些问题.为了保证所有环境的一致,我们会在各种环境下都使用域名来访问. 我们将使用以下域名: 主域名是:www.leyou.com,leyou.com 管理系统域名:manage.l…

局域网下访问其他计算机搭建的django网页

1.修改工程目录下的setting.py 文件 ALLOWED_HOSTS = ['*'] #*表示允许访问的ip 如果是添加* 则允许所有同局域网环境的主机访问 2.在完成的django工程下运行以下代码,使django正常运行 python ./manage.py runserver 0.0.0.0:8080 如果不进行以上两步,一般会报错如下: Invalid HTTP_HOST header: '10.211.55.6:8000'. You may need to add u'10.21…

用手机或外部设备在同一局域网下访问虚拟主机wampsever的方法版本号是2.4.9

1,首先在虚拟服务器电脑上可以打开http://localhost/ 2,在外部设备访问时报错为:You don't have permission to access / in on this server 解决方法: 1,在WampServer安装目录下bin\apache\apache2.4.9\conf打开httpd.conf 2,在httpd.conf中找到(大概240行): <Directory /> AllowOverride none Require all denied &…

Apache虚拟主机配置，实现多域名访问本地项目PHP空间，以及配置403Forbidden等错误的解决办法

第一步: apache主配置文件修改: 用文本编辑器打开apache的conf目录下 httpd.conf 将下面以下代码取消注释 LoadModule rewrite_module modules/mod_rewrite.so Include conf/extratpd-vhosts.conf 第二步: httpd-vhosts.conf文件修改用文本编辑器打开apache的conf/extra/httpd-vhosts.conf 加入下面代码 <VirtualHost *:800…

手机APP应用外网访问本地WEB应用

手机APP应用外网访问本地WEB应用本地安装了WEB服务端,手机APP应用只能在局域网内访问本地WEB,怎样使手机APP应用从公网也能访问本地WEB? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装并启动WEB服务端程序默认安装的WEB服务端的端口是80. 2. 实现步骤 2.1 下载并解压holer软件包 Holer软件包:holer-xxx.tar.gz Holer支持各种OS系统平台,请选择跟本地OS类型匹配的holer软件包. 2.2 获取holer access key信…

Holer实现手机APP应用外网访问本地WEB应用

手机APP应用公网访问内网WEB应用本地安装了WEB服务端,手机APP应用只能在局域网内访问本地WEB,怎样使手机APP应用从公网也能访问本地WEB? 本文将介绍使用holer实现的具体步骤. 1. 准备工作 1.1 安装并启动WEB服务端程序默认安装的WEB服务端的端口是80. 2. 实现步骤 2.1 下载并解压holer软件包 Holer软件包:holer-xxx.tar.gz Holer支持各种OS系统平台,请选择跟本地OS类型匹配的holer软件包. 2.2 获取holer acce…

Tomcat部署web项目,如何直接通过域名访问,不加项目名称

问题:下面的问题是互联网上问得比较多的,但是显然都是同一个问题. JavaWeb项目部署到tomcat服务之后设置不需要输入项目名称即可访问? Tomcat部署web项目,如何直接通过域名访问,不加项目名称? 怎么不用输入工程名就可以直接访问改web工程? Tomcat下访问Web项目,jsp项目不需要输入项目名称和端口号的配置方法? 目前我实验有效果的暂时三种方法,如下. 1.修改conf/server.xml文件 1>找到conf/server.xml文件: 1.1.如果你用的是myecli…

将vue项目部署在Linux的Nginx下，并设置为局域网内访问

1. 下载 wget http://nginx.org/download/nginx-1.12.2.tar.gz 2. 解压缩 tar -zxvf linux-nginx-1.12.2.tar.gz cd nginx-1.12.2/ 3. 执行配置 ./configure 4. 编译安装 make make install 5. 启动 nginx /usr/local/nginx/sbin/nginx 访问服务器Ip即可进入welcome to Nginx页面,说明配置成功 5. 部署vue项目…

vue-cli启动本地服务，局域网下通过ip访问不到的原因

1.问题描述: 新开发了一个vue-cli项目,想通过手机查看效果,发现访问不到,ip地址和端口号都没错但是手机访问不到,在本机电脑浏览器输入ip端口号一样访问不到,只能通过localhost:8080访问到,同一局域网下其他的手机和电脑并不能通过ip地址访问调试, 2.原因:vue-cli项目是通过命令行一键生成的,配置文件中默认生成的是本地调试模式,默认访问地址是localhost:8080 3.改正的方式找到config文件夹下的index.js文件,修改host:“localhost”…

vue——同一局域网内访问项目

1.想要在手机上访问本地的vue项目,首先要保证手机和电脑处在同一局域网内(连着同一个无线网) 2.将你电脑的ip设置为固定ip(ipconfig查找本地的ip,然后修改它,改为你想变的数字) 3.在vue项目中的 config文件中的index.js内,将host的配置改为本低局域网的ip————如:192.168.1.111 4.同样的,在vue项目中找到packahe.json,在scripts内的dev中加入 --host 192.168.1.111 注:--host 192.168.1…

Vue 项目在局域网内访问

之前在百度上看到过很多中关于局域网访问项目的方法, 在这里,个人推荐两种比较喜欢的方法一.直接在项目的package.json文件中进行配置 ,代码如下 "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 192.168.0.122", "build": "no…

IIS本地部署局域网可随时访问的项目+mysql可局域网内访问

开端口即可或者以下原理在本机的IIS下创建一个网站,文件目录直接指向Web项目文件夹步骤 1.项目的启动项目为web 2.在iis中创建一个新的网站(Work_TK_EIS) 文件目录为web项目的目录(D:\Github\Work_TK_EIS\src\Web) 3.系统使用.net2.0,所以将EIS的应用程序池中的.net版本进行修改 4.访问:本地ip+端口+地址示例:http://192.168.1.102:8001/WS/SysMenuWS.asmx 5.即可访问 MYSQ…

通过ip地址访问同一局域网下已经启动的angular项目

通常tomcat启动的项目同一局域网下我们都可以访问.angular启动的前台项目别人怎么访问,一直不懂,后来知道启动命令加个参数就行了首先查看本机ip 第二步,启动命令里加上--host 本机ip 这样别人就可以通过你的ip+端口号来访问前台项目…

「微前端实践」使用Vue+qiankun微前端方案重构老项目的本地验证

10月份换了新的工作,参与完一个月的需求迭代后,接到了项目重构的任务.简单来说,需要在短时间内提出方案设想,同时进行本地验证,最终需要拿出一套技术替换方案来.于是,埋头苦干了一个月,总算干了点成绩出来,今天把当时的思考和实践做个简单总结,就当是个复盘吧. 一.老项目现状最初接触到的老项目,使用到的前端技术栈主要是(jQuery1.8 + layui-v2.5.4 + ExtJS4.2.1.883),当时拿到这个项目的时候,上手书写起来竟然有点手生,毕竟这几年长时间使用的都是vue和react,…

Ionic2学习笔记（9）：访问本地设备

作者:Grey 原文地址: http://www.cnblogs.com/greyzeng/p/5559927.html Ionic2提供了访问本地设备的方法,但是需要安装Cordova依赖,我们以调用摄像头拍照为例来说明: 进入项目目录:cd MyFirstApp npm install ionic-native –save 增加调用Camera的插件:ionic plugin add cordova-plugin-carmera 在Home.html中,增加如下代…

vue配置手机通过IP访问,Win10让局域网内其他电脑通过IP访问网站的方法

vue配置手机通过IP访问config/index.js// Various Dev Server settings host: '0.0.0.0', // can be overwritten by process.env.HOST port: 8088, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined autoOpenBrowser: false, erro…

macOS下通过docker在局域网成功访问mysql5.6数据库

1.获取mysql镜像 docker pull mysql:5.6 注意:此处之所以获取mysql5.6是因为mysql5.7在centos7中启动可能会报错, 2.查看镜像列表 docker images 3.启动mysql镜像 docker run -itd -P mysql:5.6 bash 其中 docker run是启动容器的命令:i是交互式操作,t是一个终端,d指的是在后台运行, -P指在本地生成一个随机端口,用来映射mysql的3306端口,mysql指运行mysql镜像,bash…

项目管理---git----快速使用git笔记(五)------本地项目代码提交到远程仓库---新建项目

上一篇我们已经知道了怎么从远程仓库获取项目文件代码. 项目管理---git----快速使用git笔记(四)------远程项目代码的首次获取 git还有一种使用场景是我本来在电脑里就有一个项目,现在需要提交首次上传到远程仓库新建为一个新项目. 这里有2种方式一种是直接把当前项目的文件夹目录初始化为git目录,然后关联到远程仓库即可. 一种是先把远程仓库clone下来,会有一个新的git目录,把当前项目的文件夹复制到git目录中,然后用git命令提交更新即可. 下面我们详细记录2种方式的操作…

手机通过Charles用线上域名访问PC本地项目

最近调试微信公众号,由于微信授权需要线上正式环境的域名,笔者想把手机公众号网页重定向到PC本地localhost调试. 该方法通过Charles代理转发,适用所有需要域名重定向的场景,例如手机通过在线域名查看pc本地项目,微信开发者工具调试公众号等. 先开启本地服务,如果是vue项目,直接运行 npm start 就好了. 打开Charles(下载地址),点击 Tools > Map Remote,在弹出窗里点击add添加一条重定向规则,如下图: from是你要重定向的域名(生产环境域名/外网域…