Gulp浏览器同步--通过代理重定向API请求
我试图用Gulp和browser-sync重定向我的API请求: gulp.task('browser-sync', function () { var files = [ '../index.html', '../views/**/*.html', '../assets/css/**/*.css', '../assets/js/**/*.js' ]; var url = require('url'), proxy = require('proxy-middleware'); var proxyOptions = url.parse('http://localhost:8000/api'); proxyOptions.route = '/api'; browserSync.init(files, { server: { baseDir: '..',
0 2024-03-01
编程技术问答社区
如何让gulp + browsersync在apache vhost上工作?
我想在我的工具包中添加Gulp,Sass和Browsersync. 我现在正在使用配置的SASS和BrowserSync任务运行Gulp. 我正在为我本地Apache服务器上的VHOST运行的PHP应用. 我正在尝试使用browsersync的代理选项来使用手表任务运行浏览器. 当前,当我运行手表时,在端口3000上找不到任何服务器.如果我导航到'localhost:3000'我会得到Chromes'找不到网页'找到的网页'消息. 如果我导航到端口3001,我可以访问browsersync的admin ui.所以我知道浏览器正在运行. 我的墨西哥cond如下 /* load plugins */ var gulp = require('gulp'), sass = require('gulp-ruby-sass'), browsersync = require('browser-sync') ; /* * define tasks
2 2024-02-27
编程技术问答社区
浏览器同步不能用gulp重新加载
我试图按以下方式吞噬浏览器同步 var liveReload = require('browser-sync').create(); //reload when something changes once scss is converted to css gulp.task('trigger-reload', ['sass'], function(){ liveReload.reload(); }); //set watchers to reload gulp.task('watch', function(){ liveReload.init({ server: { baseDir:'./' } }); gulp.watch('src/**/*.js', ['trigger-reload']); //js change }); 现在,当我更改JS文件时,我在终端上看到以下内容:
0 2024-02-24
编程技术问答社区
Gulp Browsersync和http-proxy-middleware的离线模式
使用 http-proxy-middleware 如果我在work Offline(如果我要签为一个) localhost服务器? 我在localhost:3000上部署了一个Angular应用程序,请求在localhost:8080上部署的API-Server请求. HTTP向API服务器的请求由browsersync http-proxy-middleware代理.如果我有Internet连接,一切正常,但是,如果我脱机,我会在Gulp Console上获得以下错误: [HPM] Proxy error: ENOENT localhost:8080/data/pet 和浏览器控制台: Failed to load resource: the server responded with a status of `500 (Internal Server Error)` 我知道该错误不在服务器上,因为我仍然可以使用浏览器到达localhost:8080/data
0 2024-02-24
编程技术问答社区
BROWSER SYNC无头环境ERROR
因此,我刚刚开始学习Angular 2,然后在Git Bash上运行npm install命令并打开我的文本编辑器后,我试图运行npm start命令来启动Typescript和Lite Server.一切顺利,直到出现此错误[1] [BS] Couldn't open browser (if you are using BrowserSync in a headless environment, you might want to set the open option to false)并且浏览器没有打开.这是它的外观 $ npm start [1] [BS] Access URLs: [1] -------------------------------------- [1] Local: http://localhost:3002 [1] External: http://172.30.31.239:3002 [1] --------------
2 2024-02-23
编程技术问答社区
http-proxy-middleware,如何复制所有/cookie头文件
我正在使用John Papa的Lite Server和HTTP代理中间件的Chimurai 作为开发服务器. 问题在于我的会话cookie,我无法坚持来自真实服务器的会话cookie. 我看到了这个解决方案: https://github.com/chimurai/chimurai/http-proxy-middleware/sissues/sissues/78 但我认为与我的BS-Config.js不相似: var proxy = require('http-proxy-middleware'); module.exports = { port: 3003, server: { middleware: { 1: proxy('demo/webservice/jaxrs', { target: 'https://localhost:8443', secur
4 2024-02-21
编程技术问答社区
对于Angular2,为什么两个页面(两个标签)有相同的组件会相互影响?
这是一个Angular2应用,此处简化为: @Component({ selector: 'courses', template: ` {{ wahla }} ` }) export class CoursesComponent { wahla = "hmm hmm ha ha"; } 我认为该应用程序在一页上可以使用双向绑定正常,但是如果我用 http://http://localhost:3000/然后在第一页的第一个输入框中粘贴某些内容或键入某些内容,然后第二个选项卡实际上更新了其第一个输入框,而第二个输入框和静态文本不更新. 对于第一个选项卡,所有内容都按预期更新. 这应该发生吗?还是可能出了什么问题?这是使用npm start运行的,该>正在运行带有浏览器的L
4 2024-02-20
编程技术问答社区
在Angular 2应用程序中不能改变lite-server的基本文件夹
我正在通过 Angular 2 的5分钟QuickStart .但是,我的应用程序位于src/文件夹中,而不是我的存储库的根部,当我运行npm start时,该应用程序正在尝试在根部找到index.html文件.我在lite-server上阅读了lite-server,文档显示它使用BrowserSync,并且可以在我的存储库中与bs-config.json重新配置BrowserSync.我这样做了,这就是我的配置的样子: { "port": 8123, "server": { "baseDir": "./src" } } 根据日志,它使用指定的配置: [1] > todo-app-angular2@1.0.0 lite E:\GitHub\todo-app-angular2 [1] > lite-server "./bs-config.json" 我还尝试了通过BS-Config.js 替代 module.exports = { port: 8123
0 2024-02-20
编程技术问答社区
如何禁用BrowserSync的跨设备动作镜像功能?(GhostMode)
我们的团队使用Yeoman使用Gulp-Gulp-Gulp-Guremar Generator来划出我们的Web应用程序.它使用browsersync来处理我们想要的实时重新加载.但是,我们刚刚部署到开发服务器,现在,当两个开发人员同时使用Gulp Server命令时,它们都显示了相同的窗口(即,一个开发人员类型在一个窗口上,它显示在另一个开发人员的窗口中也).我相信这是由于浏览器的跨设备测试功能,但是我对如何禁用此功能感到不知所措.如果有人知道如何执行此操作(最好不要禁用我们的Live Reload功能),请让我知道! 下面是我的server.js文件中的代码,与毛gulp-angular Generator随附的代码相同,因此希望这会帮助某些人. 'use strict'; var path = require('path'); var gulp = require('gulp'); var conf = require('./conf'); var browserS
8 2023-12-25
编程技术问答社区
运行BrowserSync和PHP的Gulp-webapp
我的主要目标是改编约曼的 gulp-webapp 开发工作流程以运行php. 具体来说,我希望能够与多个基本目录(用于SASS的CSS)和 Routes (对于Bower依赖关系),如果甚至可能. 我可以使用 gulp-connect-php 插件,喜欢这个: gulp.task('connect-php', function() { connectPHP.server({ hostname: '0.0.0.0', bin: '/Applications/MAMP/bin/php/php5.5.3/bin/php', ini: '/Applications/MAMP/bin/php/php5.5.3/conf/php.ini', port: 8000, base: 'dev' }); }); 但是,我想利用Gulp-Webapp出色但相当纠结的开发工作流程结构,该架构依赖于浏览器,SASS编译器(将.css文件编译到.
8 2023-12-12
编程技术问答社区
Gulp BrowserSync在终端显示 "重新加载浏览器",但没有重新加载实际的浏览器。
我有一个问题,我的任务是根据需要运行的,并且浏览器似乎正在起作用,但是实际的浏览器并没有重新加载.我在终端中收到正确的消息,以表明一切都按计划工作. 我正在为正在提供WordPress构建的本地服务器使用MAMP.我在Mac上使用Chrome V65. 我的墨西哥湾是我终端的屏幕截图.有什么想法可能导致这个问题? // ================================================================================================ // PLUGINS // ================================================================================================ var gulp = require('gulp'); var sourcemaps = require('gulp-sourcemaps')
6 2023-12-11
编程技术问答社区
Docker Pod中的浏览器(Docker-Compose,Laravel-Mix)
我正在与Docker一起开发Laravel应用程序.在我的吊舱中,我得到了一个容器VOR php-fpm进程,一个用于运行nodejs的容器(带有NPM运行手表)和一个用于NGINX的容器作为WebServer,以及Horizo​​n,MailHog等其他服务. . . 现在,我想将Laravel-Mix(我是Webpack包装器)与browsersync一起进行热加载.但是我不会运行它. 我想与SSL通配符使用(它是一个多租户应用程序)本地开发域.证书和域的东西有效.但是我不确定如何为浏览器设置值(代理,主机)和在哪里公开端口. 在我的理解中,必须为节点服务容器暴露端口. UI的默认值为3000和3001.如果我这样做并将我的laravel-mix配置设置为这样,我会在http://mytestdomain:3001和ERR_SSL_KEY_USAGE_INCOMPATIBLE上在我的外部browsersync url https://mytestdomain:300
4 2023-12-01
编程技术问答社区
Webpack -watch和启动nodemon?
感谢 MCMATH我现在有WebPack编译我的客户端和服务器.我现在要尝试使webpack --watch有用.理想情况下,当捆绑包更改时,我想让它为我的服务器流程产生类似Nodemon的东西,以及当我的客户更改时浏览器的一些风味. 我意识到这是一个捆绑器/装载机,而不是真正的任务跑步者,但是有什么方法可以实现这一目标吗?缺乏Google的结果似乎表明我正在尝试一些新的事情,但这一定已经完成了. 我总是可以将webpack软件包到另一个目录中,然后使用Gulp观看/复制它/browsersync-ify,但这似乎是一个黑客.. 有更好的方法吗? 解决方案 遇到了同样的问题,并找到了下一个解决方案 - 允许您在WebPack构建之前或之后运行任何shell命令 所以,那是我的package.json中的脚本: "scripts": { "clean": "rimraf build", "prestart": "npm run c
6 2023-12-01
编程技术问答社区
在gulp中观察新文件和浏览器同步问题
当文件更改时,我使用browsersync重新加载浏览器.这是完美的工作. 但是,当我创建新文件(例如html -scss -js bowsersync)不起作用时! 如何解决此问题? gulpjs: // Browser Sync gulp.task('browser-sync', function() { browserSync({ injectChanges: true, notify: false, server: "app" }); }); gulp.task('default',['sass','scripts', 'browser-sync'], function(){ gulp.watch("app/**/*.html").on('change', reload); gulp.watch('app/img/*.*', ['bs-reload','ima
2 2023-11-27
编程技术问答社区
浏览器不能用BrowserSync或Live-server启动
我一直在使用带有VS代码的Live-Server来调试一些网页.一切都很好,我在页面目录中的命令行中跑了live-server,Chrome打开了一个带有页面的新选项卡. 然后突然停止工作!我虽然有点奇怪,所以我再次安装了nodejs,然后出现了问题.服务器正在工作,但无法打开Chrome(也没有其他浏览器) 我尝试使用browsersync而不是实时服务器,并且服务器再次起作用,但无法自动打开chrome 我总是可以手动键入http://localhost:3000,但我不应该(因为它在工作之前) 我已经尝试卸载和安装现场服务器和浏览器,Chrome. 冲洗我的DNS,检查恶意软件,检查Windows防火墙是否阻止了任何相关的内容,以及其他没有为我做任何事情的事情,我仍然得到: Couldn't open browser (if you are using BrowserSync in a headless environment, you might w
0 2023-11-24
编程技术问答社区
浏览器同步+Gulp与Vagrant不刷新
当更改特定类型的文件时,我正在将browsersync与Gulp一起在本地机器中重新加载.我的gulpfile中有以下片段: gulp.task('browser-sync', function() { browsersync.init({ proxy: "mySite:8080", files: ["./*.html", "dev/*.css"] }); }); 更改(保存)上述任何类型的文件时,我在终端中获得这样的输出: [BS] Serving files from: ./ [BS] Watching files... [BS] File changed: index.html [BS] File changed: dev\styles.css 一直以预期的方式重新加载站点,但其内容并不能反映所做的更改.我不知道我在这里做错了什么.任何提示! 更新 我忘了提到我的主机正在运行Windows 10,并且我
0 2023-11-12
编程技术问答社区
浏览器同步无法GET /
我刚刚安装了浏览器同步,但是当我尝试启动服务器时,我会收到此错误: terkea@terkea-Lenovo-G50-80:~$ browser-sync start --server --files index.html[Browsersync] Access URLs: Local: http://localhost:3000 External: http://192.168.1.3:3000 ------------------------------------ UI: http://localhost:3001 UI External: http://192.168.1.3:3001 ------------------------------------ [browsersync]从:./提供文件 [browsersync]看文件... 也许有人可以找到问题了,请帮助我? 解决方案 您可能需要将论点传递给 - 服务器,
4 2023-10-13
编程技术问答社区
浏览器同步极其缓慢
我很想使用 browsersync 进行开发.但是,页面加载(不仅在更改后重新加载)非常慢. 我使用proxy模式.无需浏览的页面浏览页面即应该很快. 我安装browsersync时可能是以下错误: > ws@0.4.31 install /usr/local/lib/node_modules/browser-sync/node_modules/socket.io/node_modules/engine.io/node_modules/ws > (node-gyp rebuild 2> builderror.log) || (exit 0) CXX(target) Release/obj.target/bufferutil/src/bufferutil.o SOLINK_MODULE(target) Release/bufferutil.node SOLINK_MODULE(target) Release/bufferutil.node: Finished CXX(t
14 2023-10-13
编程技术问答社区
重新加载静态内容的spring boot应用程序
我正在使用NetBeans,并且正在使用Spring Boot开发第一个Web应用程序.我将HTML,JS,CSS保留在" WebApp"文件夹中,然后重新分配了项目,然后将所有静态内容放入/resources/static>中.从那时起,我每次都必须重建项目,因为静态内容没有重新加载. 如果我将浏览器同步插件用于GULP,我可以轻松绕过此问题吗? 解决方案 将以下内容添加到src/main/resources/application.properties: spring.web.resources.static-locations[0]=file:src/main/resources/static/ spring.web.resources.static-locations[1]=classpath:/static/ " file:"使内容在刷新浏览器时重新加载, 请参阅相关问题.. . 另外,文件资源位置可以是在运行时发现 href =" " rel ="
12 2023-09-28
编程技术问答社区
浏览器同步不使用单页应用程序
我有一个单个页面应用程序,该应用程序不使用我想使用历史记录API的哈希url.我在浏览器服务器选项中使用了Middleware HistoryApifallback().但是,这仅适用于一个级别的深度URL: http://localhost:3000/main 正确解析到index.html 但 http://localhost:3000/main/a main/a 不起作用.浏览器显示"连接到浏览器同步",然后显示一个空白页. 有人知道这里可能是什么问题吗? 解决方案 问题是JS和CSS资源的URL未正确设置.这篇文章帮助我解决了这个问题: mod_rewrite to mod_rewrite to index.html破坏深度URL的相对路径
6 2023-09-04
编程技术问答社区