Articles of expression

RegEx不会在Gulp.js中执行

我想知道为什么这个正则expression式不会在Gulp任务中执行。 “replace”任务使用gulp-replace。 正则expression式 /url\((?:["'])?(?:\/?[a-zA-Z0-9])*\/([a-zA-Z0-9]{0,}\.(png|jpeg|jpg))(?:["'])?\)/g 实际的一揽子任务 gulp.task('process-sass', function() { return gulp.src('./src/html/**/*.scss') .pipe(sass.sync()) .pipe(replace(/url\((?:["'])?(?:\/?[a-zA-Z0-9])*\/([a-zA-Z0-9]{0,}\.(png|jpeg|jpg))(?:["'])?\)/g, 'url(/src/assets/$1)')) .pipe(minify()) .pipe(rename(function(path) { path.dirname += '/'; path.basename = 'bundle.min'; path.extname = '.css' })) .pipe(gulp.dest('./builds/development')); }); 所有的帮助非常感谢。 谢谢。

如何使用Angular 2+,Express和nodeJs上传文件

我试图上传一个图像使用Angular 4,节点和Express与Multer库。 这里是我的route.js: const storage = multer.diskStorage({ destination: function(req, file, cb) { cb(null, 'uploads') }, filename: function(req, file, cb) { cb(null, file.fieldname + '-' + Date.now() + '.jpg') } }); const upload = multer({ storage: storage }).single('avatar'); router.post('/upload_avatar', function(req, res) { upload(req, res, function(err) { if (err) { // An error occurred when uploading throw […]

将图像保存为base64,并使用path返回

我有点新的使用NodeJS,这是我第一次创build一个API,我上传一个angular度和ngfile upload到服务器的图像,这个想法是,API接收一个文件,编码它到base64,然后给我的对象与图像的path,然后显示在客户端。 config.js 'use strict' const express = require('express'); const bodyParser = require('body-parser'); const app = express(); const multer = require('multer'); const fs = require('fs-extra'); app.use(bodyParser.urlencoded({ extended: false })); app.use(bodyParser.json()); app.use(function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept, Authorization"); res.header("Access-Control-Allow-Methods", "GET,HEAD,POST,PUT,DELETE"); next(); }); app.use('/uploads', express.static("./uploads")); app.use(bodyParser.json()); var storage = multer.diskStorage({ //multers disk […]

节点国际化不能在Jade视图内工作(节点i18n)

我一直在使用国际化的i18n节点模块。 在根我初始化模块如下: i18n.configure({ locales: ['en', 'nl'], register: global, directory: path.join(__dirname, 'locales'), defaultLocale: 'en', objectNotation: true }); app.use(i18n.init); 该模块已经将翻译function( __() )注册为全局。 但是,这个函数不起作用,所以我决定把它传递给我的控制器和视图中的方法。 app.use((req, res, next) => { res.locals.user = req.session.user || null; res.locals.formatDate = (data) => data ? format(data, process.env.DATE_FORMAT) : null; res.locals.__ = res.__ = () => i18n.__.apply(req, arguments); req.setLocale('en') next(); }); 它在控制器中工作正常。 我使用req.__('string-to-translate')并根据需要进行翻译。 但是,当我尝试使用与帕格/翡翠呈现的视图中完全相同的function时,它返回给我undefined […]

在表单中用enctype改变内容types

我不明白足够的问题,我想上传文件,但现在这是离我很远,我需要解释为什么我得到content-type application/json如果我添加enctype="multipart/form-data的forms?因为我认为这个regenon req.file是未定义的 HTML <form enctype="multipart/form-data" name="sendProductForm" ng-submit="product.sendProduct(productData, sendProductForm.$valid)" class="col-md-8 col-md-offset-2 form-horizontal adding-form" novalidate> <div class="form-group"> <div class="input-group"> <input type="file" name="file" id="imgInp" onchange="angular.element(this).scope().photoChanged(this.files)"> </div> </div> </form> API router.post('/courses', multer({ dest:'./uploads/' }).single('file'), function(req, res){ console.log(req.body) console.log(req.file) console.log(req.headers) }) 服务 userFactory.createNewCourse = function(productData){ return $http.post('/api/courses', productData) } 控制器function app.sendProduct = function(productData) { User.createNewCourse(app.productData).then(function(data){ console.log(data) }) } 从req.headers提取 […]

如何将基于Angular CLI的ng2 / 4应用程序烧烤到Node / Express中,并具有单一回声系统来开发/运行/debugging服务器/客户端应用程序?

我正在尝试使用Angular 2/4为前端创buildNode / Express应用程序。 对于Angular我使用Angular CLI来创build和维护模块/组件/服务。 Angular CLI创build了ng2的胚胎应用程序,并且我可以在开发期间运行/debugging该应用程序。 不过服务器端应用程序是不同的 现在我有两个不同的文件夹结构如下。 \repository | +– server-app | +– server.js | +– package.json | +– client-app | +– main.ts | +– index.html | +– app | +– AppComponent.ts | +– package.json 我正在使用Visual Studio代码作为IDE。 而发展我最终在运行API的节点服务器,然后运行Angular应用程序与“ng服务”。 相信我,开发尤其是debugging越来越痛苦。 如何将基于Angular CLI的应用程序烧烤到Node / Express中,并具有单一回声系统来开发/运行/debugging服务器/客户端应用程序?

持续会话连接会话集合

我正在build立一个login系统的网站,我希望用户即使在浏览器closures后也能保持login状态。 只有在用户注销时才销毁会话。 我在网上search了解决scheme,并且遇到了使用connect-session-sequelize的build议。 我阅读了文档,并尽了最大的努力使代码工作,但是我缺乏这方面的经验。 问题: 我的代码没有给我保持一个用户在服务器重新启动后login的结果。 我的代码是: var express = require('express'); var app = express(); var cookieParser = require('cookie-parser'); var session = require('express-session'); var SequelizeStore = require('connect-session-sequelize')(session.Store); var pug = require('pug'); var bodyParser = require('body-parser'); var bcrypt = require('bcrypt'); app.use(bodyParser.urlencoded({ extended: true })); app.use(express.static('public')); app.use(cookieParser()); app.set('views', './views'); app.set('view engine', 'pug'); var Sequelize = require('sequelize'); var […]

如何 – 观看未压缩的文件(没有Webpack)

我已经在webpack中为/ dist开发了一些代码,用于开发等待更新/构builddist /文件夹的代码,并且还得到了结果。 有很好的“webpack-dev-server -port = 4200”命令,但我有expressJS。 运行项目后,如何快速获得更新结果。 也许这是可以通过webpack或不可以: /////////////////////package.json "scripts": { "ng": "ng", "dev": "concurrently nodemon ./src/index.ts \"tsc -w -p ./src\" ", "start": "ng build && concurrently nodemon ./src/index.ts \"tsc -w -p ./src\" ", "build": "ng build –watch", "build:watch": "\"tsc -w -p ./src\"", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" }, //////////////////////index.ts […]

如何从angular2发表到服务器

这里的新手试图从Angular 2发送联系表单数据到Node / Express服务器…现在,我正在托pipeAngular 2,内置服务器在localhost:4200,而express server在localhost: 3000。 我试过下面的代码,但得到以下错误: Error: ENOENT: no such file or directory, stat 'C:\Users\corey\Desktop\Project\server\api\contact-form-submit' 这是我的contact-form.component.ts文件: import { Component, OnInit } from '@angular/core'; import { FormBuilder, FormGroup, Validators } from '@angular/forms'; import { HttpClient } from '@angular/common/http'; @Component({ selector: 'app-contact-form', templateUrl: './contact-form.component.html', styleUrls: ['./contact-form.component.css'] }) export class ContactFormComponent { constructor(private http: HttpClient) {} […]

要求path中的文件运行查询

我试图设置我的路线,然后包括一个“内容”文件,将运行查询 app.get('/participants', function(req, res, next) { var participants = require('./content/participants'); }); 然后参与者文件: const db = database.connect('olmsdb.1sserver.com', 'campyio'); db.raw('SELECT * FROM participants').then(function(results) { res.setHeader('Content-Type', 'application/json'); res.send(JSON.stringify(results)); return results; db.destroy(); }); 这里的目标是击中/参与者路线,然后运行select查询并发送查询结果。