vue 项目通过本地访问

1.查询ip地址

win+R打开cmd 窗口输入ipconfig

找到IPV4地址 192.168.x.xxx

2.在vue项目config文件夹中的index.js,将localhost换为ipv4地址

host: ‘192.168.x.xxx‘, // can be overwritten by process.env.HOST
port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined

3.重新编译项目，命令行运行npm run dev命令开启服务

4.电脑或手机端浏览器地址栏输入ipv+端口号如:192.168.x.xxx:8080回车即可(要求电脑和手机在同wifi内)

原文地址：https://www.cnblogs.com/zjx304/p/9884653.html

时间： 2024-10-13 10:22:37

vue 项目通过本地访问的相关文章

vue 项目中当访问路由不存在的时候默认访问404页面

前言: 在Vue项目中,当访问的页面路由不存在或错误时,页面显示为一片空白.然而,通常我们需要对访问url不存在或者错误的情况下添加默认的404页面,即not found页面. 一般的处理方法是: 在最后添加一个path: * ,优先级从上到下查找路由,都没有的时候全部指向 404页面 ,代码如下: const baseRoute = [ { path: '/login', name: 'login', component: Login }, {path: '/', redirect: '/in

vue 项目打包本地预览

dist 目录需要启动一个 HTTP 服务器来访问 (除非你已经将 publicPath 配置为了一个相对的值),所以以 file:// 协议直接打开 dist/index.html 是不会工作的.在本地预览生产环境构建最简单的方式就是使用一个 Node.js 静态文件服务器,例如 serve: npm install -g serve # -s 参数的意思是将其架设在 Single-Page Application 模式下 # 这个模式会处理即将提到的路由问题 serve -s dist 原文

vue — 创建vue项目

vue - 创建vue项目创建vue项目在程序开发中,有三种方式创建vue项目,本地引入vuejs.使用cdn引入vuejs.使用vue-cli创建vue项目.其中vue-cli可以结合webpack打包工具使用,大大方便了开发步骤,使用广泛. vue本地引用在官网下载vue.js,通过script标签引入.开发版本:https://vuejs.org/js/vue.js 包含完整的警告和调试模式生产版本:https://vuejs.org/js/vue.min.js 删除了警告,30.9

nginx + uwsgi 部署 Django+Vue项目

nginx + uwsgi 部署 Django+Vue项目 windows 本地 DNS 解析文件路径 C:\Windows\System32\drivers\etc 单机本地测试运行方式,调用django第三方的wsgifef单机模块,性能很低 python3 manage.py runserver 0.0.0.0:8000 使用uwsgi 去启动django项目,支持并发更多准备前后端代码先从vue前端搞起解决node环境更改vue发送请求的接口地址, 这个vue发送的地址,应该是

Vue项目无法使用局域网IP直接访问的配置方法

一般使用 vue-cli 下来的项目是可以直接访问局域网 IP 打开的,比如 192.168.1.11:8080 .但是最近公司的一个项目只可以通过 localhost 访问. 需要配置一下,才可直接用局域网 IP 访问,方法如下: 给 dev 添加--host 0.0.0.0 属性: "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.d

vue 项目中访问出现 Invalid Host header

使用vue-cli 构建vue项目,使用了nginx 做了反向代理,访问项目出现原因:webpack-dev-server 检查 host,如果不是配置的内容,将不能访问解决:在webpack.dev.conf.js 中,添加如下代码 1 devServer: { 2 disableHostCheck: true 3 } 添加此内容可绕过主机检查. 原文地址:https://www.cnblogs.com/amy2017/p/10356536.html

在vue项目中添加一个html页面，开启本地服务器

在vue项目里新增一个不需要登录的页面,那么我只能新增一个html页面了,不经过路由,直接在浏览器输入路径打开,那么就需要用到本地服务器, 1.vue里面的html页面最好放过在public文件夹里面,但是我的vue项目没有public,就只好放在static里面了,这样可以不经过vue的路由 2.然后就是开本地服务器,当然,是基于node的, 1)可以在这里下载 https://nodejs.org,安装完成后可以在控制台输入:node -v 查看版本号 2)下载http-server:在控制

vue项目打包部署-----解决打包后访问资源失败问题

vue项目打包部署-----解决打包后访问资源失败问题. 本文链接:https://blog.csdn.net/kaola_l/article/details/80497490 打包之前需要修改如下配置文件: 配置文件一:build>>utils.js (修改publicPath:"../../" , 这样写是处理打包后找不到静态文件的问题) 配置文件二:config>>index.js(修改assetsPublicPath:'./' ,修改目的是为了解决js找

vue项目本地启动，ip出现500错误

今天突然间想安装一下Google浏览器的免广告的插件,然后再刷新之前正在启动着的vue项目的时候,刷新页面突然间出来个500,当时都懵逼了. 百度了半天也没找到是怎么回事,问了这个群那个群的,后来仔细研究了一下报的错误是代理的事,结果把设置的那个使用代理服务器关了就好了. 原文地址:https://www.cnblogs.com/yuanyuanya/p/11414262.html