局域网访问angular项目

最新推荐文章于 2023-10-13 14:09:52 发布
最新推荐文章于 2023-10-13 14:09:52 发布
阅读量622 收藏
点赞数
文章标签： angular.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46271689/article/details/126663906
版权

开发angular项目时，本地调试成功之后需要放到局域网上让同事访问。

首先改后端监听端口，比如在开的3001端口后面加0.0.0.0

0.0.0.0指的是本机上所有的IPV4地址，服务绑定到0.0.0.0相当于绑定到本机上所有的IPV4地址，那么设备通过局域网访问了本机上的某一个IPV4地址当然能访问啦！

app.listen(3001, '0.0.0.0', () => {
   

})

运行angular项目，将运行命令改成以下两种方式中的一种运行就可以了！

ng serve
最低0.47元/天 解锁文章
ZJJJi
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
浅谈Angular7 项目开发总结
10-17
主要介绍了浅谈Angular7 项目开发总结，本文在此做一次遇到问题的总结，以便知识的掌握，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
angular项目配置
06-06
angular项目配置
同一局域网下访问angular项目
qq_43605695的博客
07-12 178
ng serve --host 自己的ip 储存： 获取：
angular 局域网访问 angular 预加载功能
shane的博客
06-04 289
angular 局域网访问 本地项目 想让其他同局域网的同事访问 可以通过以下代码来实现 如果 你平时启动项目 用 ng serve 那只需变更为 ng serve--host xxx.xxx.xxx.xxx (xxx 为本地ip) 若果你是用 ng start 则如图所示 angular 预加载功能 在routing-module.ts文件中 引入 import { PreloadAllModules } from '@angular/router'; 然后在imports中...
【前端项目问题】如何运行angular项目使局域网内的电脑都可以访问到本地项目
Dai的博客
03-16 2362
【前端项目问题】如何运行angular项目使局域网内的电脑都可以访问到本地项目
通过ip地址访问同一局域网下已经启动的angular项目
dianzhan1646的博客
07-25 641
通常tomcat启动的项目同一局域网下我们都可以访问。angular启动的前台项目别人怎么访问，一直不懂，后来知道启动命令加个参数就行了 首先查看本机ip 第二步，启动命令里加上--host 本机ip　　这样别人就可以通过你的ip+端口号来访问前台项目 转载于:https://www.cnblogs.com/javazxy/p/9364242.html...
angular项目指定端口，实现局域网内ip访问
最新发布
weixin_44134588的博客
10-13 1750
例如项目运行在ip地址为192.168.2.11的电脑上，那么其他人就可以通过192.168.2.11:8080来访问页面。这里就指定了使用8080端口运行项目，同时局域网内的其他电脑可以通过访问运行项目主机的ip来访问项目。直接修改package.json文件。
angular项目源码
12-15
angular项目源码
cnpm加速Angular项目创建的方法
10-18
主要介绍了cnpm加速Angular项目创建的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Nginx中部署Angular项目遇到的坑巨坑
09-29
主要介绍了Nginx中部署Angular项目遇到的坑巨坑，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
【Angular】ng serve开服务器后通过局域网ip访问不了解决方案
向着光芒的女孩
12-15 5042
自己用局域网的ip访问自己开的服务器都不行，防火墙和代理都检查过了，又测试vue项目是可以的，查询了下angular项目要配置一下。 所在的项目配置了一下package.json文件，start命令后加入 --host 0.0.0.0发现成功了，核心代码如下： { "scripts": { "ng": "ng", "start": "ng serve --proxy-config proxy.config.json --open --host 0.0.0.0", "build.
局域网调试本地Angular项目的方法
喻志强的博客
06-28 1561
手机访问本地Angular项目
angular8让同事通过局域网访问你的项目
tangdou369098655的博客
05-26 1424
1.找到这个文件，打开 node_modules/webpack-dev-server/lib/Server.js 2.修改disallow=true 就像下面这个样子 Server.prototype.checkHost = function(headers) { // allow user to opt-out this security check, at own risk if(this.disableHostCheck) return true; // get the Host head
Angular 通过ip访问项目的方法
weixin_39422543的博客
11-09 832
Angular 通过ip访问项目的方法
angular6允许局域网可访问
z15802933724的博客
09-11 3454
打开node_modules/webpack-dev-server/lib/Server.js文件 1：修改disallow=true Server.prototype.checkHost = function(headers) { // allow user to opt-out this security check, at own risk if(this.disableHost...
angular6 开发环境允许局域网IP访问
黄彪博客
05-08 1180
文章目录问题描述原因解决办法——修改package.json 问题描述 为了使用手机查看开发界面的效果，发现根据IP无法访问 原因 这个是因为 webpack-dev-middleware 默认不允许IP远程访问 解决办法——修改package.json "scripts": { "start": "ng serve --host 0.0.0.0", }, ...
angular2.0配置同时使用localhost和本机IP访问项目
Frank_Good的专栏
01-18 3743
第一步：找到此文件“node_modules/webpack-dev-server/lib/Server.js”，按照下图修改   二、修改配置文件package.json，见下图   三、在项目下，命令行运行 npm start，启动项目。 四、现在可以用本机IP:4200或者localhost:4200访问项目
如何将Angular localhost:4200 改为IP
ygznx的博客
10-16 7102
ust specify the IP in --host option like ng serve --host 192.16.1.1 Now you can visit http://192.16.1.1:4200 in your browser and it will work 下面是一个例子： ng serve --host 192.168.1.102 --port
angular学习：npm启动后不能访问http://localhost:8000/
04-05 8560
angular学习中 输入npm start可以启动 但是进入 "http://localhost:8000/" 时出现： http.js:733       throw new TypeError('The header content contains invalid characters');             ^ TypeError: The header cont
angular项目实战
06-07
好的，关于Angular项目实战，我可以给您提供以下建议： 1. 学习Angular基础知识：在开始实战之前，您需要熟悉Angular的基础知识，包括组件、指令、服务、路由等。 2. 选择项目：选择一个适合您的项目，可以是一个...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值