node.js - Images uploaded with Node server cannot be found by Angular 2 -

-



i have app in angular 2, decided add real server, node js, upload documents , other things. 

browser => angular [localhost:4200/api/documents] => node [localhost:3000/documents]

this how start them using scripts in package.json

"scripts": {     "server-start": "gulp",     "client-start": "ng serve --verbose --proxy-config server.conf.json",     "start": "npm-run-all -p client-start server-start" }

so, when run npm start starts 2 parallel processes - node js using gulp , angular using ng serve. angular front end, urls start /api redirected node. here how it's done server.config.js

{   "/api": {     "target": "http://localhost:3000",     "secure": false   } }

node js receives stream angular image , saves in angular assets folder, uploaded image should available in angular, when try open uploaded image in browser returns me 404, not found. in case, part of .angular-cli.json

"root": "src", "outdir": "dist", "assets": [   "assets",   "favicon.ico",   "service-worker.js" ], "index": "index.html", "main": "main.ts"

example, have existing image there before ng serve

f:\node\cms\src\assets\uploads\1.jpg

available at, works

http://localhost:4200/assets/uploads/1.jpg

i upload new 1 same location

f:\node\cms\src\assets\uploads\5.jpg

but it's not available at

http://localhost:4200/assets/uploads/5.jpg

when restart servers image becomes available. according this discussion ng serve performs deployment of angular app in background, , folder dist empty, images taken memory, , new images dropped assets won't available, correct me if wronng.

question #1: built-in angular server able handle dynamic images if added when application running in memory?

question #2: looks in complex apps ng serve brings more troubles benefits, worth try make working or you'd recommend start using ng build instead?

when running application, points build folder. not "src"

you wiping out images each time run serve or need store them in different location.

you technically storing images on "server" recommend using node retrieve paths these files.





wiki

Comments

Post a Comment

Popular posts from this blog

Asterisk AGI Python Script to Dialplan does not work -

-
i'm stuck project have check database of sip extension incoming caller id , dial sip extension. below receive when run script on asterisk cli. -- registered sip '9125' @ 192.168.1.102:50142 > saved useragent "zoiper rv2.8.40" peer 9125 [2017-08-22 13:53:33] notice[5095]: chan_sip.c:24558 handle_response_peerpoke: peer '9125' reachable. (17ms / 2000ms) == using sip rtp tos bits 184 == using sip rtp cos mark 5 -- executing [0112617769@from-trunk:1] answer("sip/obitrunk1-0000000d", "") in new stack > 0x1ca50d0 -- probation passed - setting rtp source address 192.168.1.98:16834 -- executing [0112617769@from-trunk:2] agi("sip/obitrunk1-0000000d", "test.py") in new stack -- launched agi script /var/lib/asterisk/agi-bin/test.py args: ['/var/lib/asterisk/agi-bin/test.py'] env line: agi_request: test.py env line: agi_channel: sip/obitrunk1-0000000d env line: agi_language: en env line: a
Read more

python - Read npy file directly from S3 StreamingBody -

-
i have many .npy (numpy) , .json files saved in s3, need download , load these files. for json files downloading files , loading dictionary using following code: obj = s3.object(bucket, key) response = obj.get() body = response['body'].read().decode('utf-8') data = json.loads(body) that way avoid writing .json file disk , reading it. now want same .npy files, equivalent? currently downloading file, saving temp file on disk , loading np.load avoid if possible. following https://stackoverflow.com/a/28196540/3509999 : obj = s3.object(bucket, key) io.bytesio(obj.get()["body"].read()) f: # rewind file f.seek(0) arr = np.load(f) wiki
Read more

kotlin - Out-projected type in generic interface prohibits the use of metod with generic parameter -

-
i start using kotlin , defined interface this: interface aadapter<vh : recyclerview.viewholder> { fun oncreateaviewholder(parent: viewgroup): vh fun onbindaviewholder(v: vh, position: int) } and when try use on code: class klasa ( private val adapter: aadapter<*> ) { fun dosth(){ //... val vh = this.adapter.oncreateaviewholder(parent) //on below line error adapter.onbindaviewholder(v, position) //... } } i error out-projected type 'aadapter<*>' prohibits use of 'public abstract fun onbindaviewholder(v: t, position: int): unit i tied add "in" or "out" definition i'm confused. how allow it. replace aadapter<*> aadapter<recyclerview.viewholder> . class klasa ( private val adapter: aadapter<recyclerview.viewholder> ) { // ... because have declared aadapter has type parameter vh type subclass of recyclerview.
Read more