- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我遵循 grunt-connect-proxy 的所有步骤存储库,但代理不起作用。
在 grunt-connect-proxy 的自述文件中,他们说有或没有 livereload 但现在是“”watch**,所以......我使用的是 watch,而不是 livereload(并将监视选项内的 livereload 代码)。
...
angular.module('vedita')
.controller('MainCtrl', ['$scope', '$resource', function($scope, $resource) {
$resource('/api/edges').query();
...
<小时/>
$ grunt dev
Running "bower:install" (bower) task
>> Cleaned target dir c:\workspace\estudo\js\angularjs\vedita-test\frontend\libs
>> Installed bower packages
Running "configureProxies:server" (configureProxies) task
Proxy created for: /api to localhost:3000
Running "connect:server" (connect) task
Started connect web server on http://localhost:9000
Running "watch:dev" (watch) task
Waiting...
Running "jshint:all" (jshint) task
>> 5 files lint free.
Running "html2js:dist" (html2js) task
Successfully converted 0 html templates to js.
Running "concat:dist" (concat) task
File dist/app.js created.
Running "clean:temp" (clean) task
Cleaning tmp...OK
Done, without errors.
Completed in 3.753s at Mon Sep 22 2014 15:18:45 GMT-0300 (Hora oficial do Brasil) - Waiting...
<小时/>
<小时/>
module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
bower: {
install: {
options: {
install: true,
copy: false,
targetDir: './libs',
cleanTargetDir: true
}
}
},
jshint: {
all: [ 'Gruntfile.js', 'app/*.js', 'app/**/*.js' ]
},
html2js: {
dist: {
src: [ 'app/templates/*.html', 'app/templates/**/*.html' ],
dest: 'tmp/templates.js'
}
},
concat: {
options: {
separator: ';'
},
dist: {
src: [ 'app/*js', 'app/**/*js', 'tmp/*.js' ],
dest: 'dist/app.js'
}
},
uglify: {
dist: {
files: {
'dist/app.js': [ 'dist/app.js' ]
},
options: {
mangle: false
}
}
},
clean: {
temp: {
src: [ 'tmp' ]
}
},
watch: {
dev: {
files: [ 'Gruntfile.js', 'app/*.js', 'app/**/*.js', '*.html' ],
tasks: [ 'jshint', 'html2js:dist', 'concat:dist', 'clean:temp' ],
options: {
atBegin: true,
middleware: function (connect, options) {
if (!Array.isArray(options.base)) {
options.base = [options.base];
}
// Setup the proxy
var middlewares = [require('grunt-connect-proxy/lib/utils').proxyRequest];
// Serve static files.
options.base.forEach(function(base) {
middlewares.push(connect.static(base));
});
// Make directory browse-able.
var directory = options.directory || options.base[options.base.length - 1];
middlewares.push(connect.directory(directory));
return middlewares;
}
}
},
min: {
files: [ 'Gruntfile.js', 'app/*.js', 'app/**/*.js', '*.html' ],
tasks: [ 'jshint', 'html2js:dist', 'concat:dist', 'clean:temp', 'uglify:dist' ],
options: {
atBegin: true
}
}
},
connect: {
server: {
options: {
hostname: 'localhost',
port: 9000
},
proxies: [
{
context: '/api',
host: 'localhost',
port: 3000
}
]
}
},
compress: {
dist: {
options: {
archive: 'dist/<%= pkg.name %>-<%= pkg.version %.zip'
},
files: [
{
src: ['index.html'],
dest: '/'
}, {
src: ['dist/**'],
dest: 'dist/'
}, {
src: ['assets/**'],
dest: 'assets/'
}, {
src: ['libs/**'],
dest: 'libs/'
}
]
}
}
// Task configuration will be written here
});
// Loading of tasks and registering tasks will be written here
grunt.loadNpmTasks('grunt-contrib-jshint');
grunt.loadNpmTasks('grunt-contrib-clean');
grunt.loadNpmTasks('grunt-connect-proxy');
grunt.loadNpmTasks('grunt-contrib-connect');
grunt.loadNpmTasks('grunt-contrib-compress');
grunt.loadNpmTasks('grunt-contrib-concat');
grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.loadNpmTasks('grunt-html2js');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-bower-task');
grunt.loadNpmTasks('grunt-karma');
grunt.registerTask('dev', [ 'bower', 'configureProxies:server', 'connect:server', 'watch:dev' ]);
grunt.registerTask('test', [ 'bower', 'jshint', 'karma:continuous' ]);
grunt.registerTask('minified', [ 'bower', 'connect:server', 'watch:min' ]);
grunt.registerTask('package', [ 'bower', 'jshint', 'karma:unit', 'html2js:dist', 'concat:dist', 'uglify:dist',
'clean:temp', 'compress:dist' ]);
};
<小时/>
我按照本教程学习如何使用 AngularJS 和 Grunt:http://g00glen00b.be/angular-grunt/
观察:我是 AngularJS 和 Grunt 的新手。
<小时/>如果您需要更多信息,请告诉我。不要在没有说明原因的情况下否决该问题。
最佳答案
Ì找到了解决方案:
我需要从 watch
到 connect
删除中间件,如下所示:
connect: {
server: {
options: {
hostname: 'localhost',
port: 9000,
middleware: function (connect, options) {
var middlewares = [];
options.base.forEach(function (base) {
// Serve static files.
middlewares.push(connect.static(base));
});
middlewares.push(proxySnippet);
return middlewares;
}
},
proxies: [
{
context: '/api',
host: 'localhost',
port: 3000,
https: false,
// changeOrigin: false,
xforward: true
}
]
}
},
然后...我将此变量放在 Gruntfile.js
的顶部:
module.exports = function(grunt) {
var proxySnippet = require('grunt-connect-proxy/lib/utils').proxyRequest;
并且有效!
谢谢大家!
关于javascript - grunt connect proxy without livereload (使用 watch) 不代理上下文,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25980466/
出现以下错误 Network access for Distributed Transaction Manager (MSDTC) has been disabled. Please enable D
在调试应用程序时出现以下错误。 The CLR has been unable to transition from COM context 0x3b2d70 to COM context 0x3b2
在 GAE Go 中,为了记录,我们需要使用 appengine.NewContext(r) 创建一个新的上下文,它返回 context.Context。 如何使用此上下文在请求范围内设置/获取变量?
我想使用 Puppeteer 从放置在页面上 iframe 内的选择器中获取数据,该页面在与其父框架域不同的域上运行。因此,我不是任何域的所有者 - 无法使用 frame.postMessage。 试
我正在尝试获取可用的应用程序上下文并想切换到 webview 上下文,但 appium 仅获取 Navive App。 应用程序还启用了 WebView。 Appium 版本:1.10.1 Chrom
这个问题在这里已经有了答案: How to fix this nullOk error when using the flutter_svg package? (7 个回答) 7 个月前关闭。 当我尝
我观看了关于 Core Data 的 2016 WWDC 视频并查看了各种教程。我见过使用 Core Data Framework 创建对象以持久保存到 managedObjectContext 中的
这是代码 obj = { a: 'some value'; m: function(){ alert(this.a); } } obj.m(); 结果是'som
我正在尝试做类似的事情 $(".className").click(function() { $(this).(".anotherClass").css("z-index","1");
var User = { Name: "Some Name", Age: 26, Show: function() { alert("Age= "+this.Age)}; }; fun
我目前正在使用我见过的常见 Context 模式,它允许子组件通过传递修饰函数来更新父组件的状态(即 Provider)通过共享的 Context。 我遇到的问题是,修改函数只引用原始状态,不引用最新
有没有办法让 React Context类型安全与流类型? 例如: Button.contextTypes = { color: React.PropTypes.string }; 最佳答案 不幸
我想知道是否有一种方法可以为不同的功能使用不同的上下文类。 我希望有一个功能使用 MinkExtensions 进行浏览器测试,另一个功能使用和 HTTP 客户端(如 Guzzle)进行 API 测试
我有这个配置文件 apiVersion: v1 clusters: - cluster: server: [REDACTED] // IP of my cluster name: stag
我在实现非抢先式调度时遇到了用于初始化TCB的代码。 typedef struct TCB_t { struct TCB_t *next; struct TCB_t
我想将一个函数设置为数组中每个元素的属性,但使用不同的参数调用它。我想我会使用匿名函数来解决它: for ( var i = 0; i < object_count; i++ ) { obje
这个问题已经有答案了: How to access the correct `this` inside a callback (15 个回答) 已关闭 7 年前。 我正在做一些练习,但我在管道方法中丢
我正在尝试通过 Java 和 Android Studio 学习和制作 Android 应用程序。我对Java的了解程度是两年前几个小时的youtube学习和大学基础类(class)。不过我确实知道如
我在(这个)上遇到了问题。错误ImageView无法应用。我在 fragment 类中执行此代码。 ViewFlipper v_flipper; @Nullable @Override public
我想使用 openGL 的某些功能,但与渲染视觉内容无关。有没有办法在没有任何依赖性的情况下创建它(不是对 Windows,也不是某些包[SDL,SFML,GLUT])?只允许使用没有外部库的库,就像
我是一名优秀的程序员,十分优秀!