PUG NodeJS Express 前端/后端无连接

Question

Hello i have two NodeJS running on my sever

please this is only a dev machine not production so i know parsing the form data etc etc

App.js - Backend Express Sever running on port 4000

index.js - Front End PUG/Express running on port 8000

i can access the frontend on something.mydomain.com

but when i try to ajax the backend with 'POST' to localhost:4000/Whatever/Whatever

it doesnt allow me to.

as in it tries to load locahost from the WWW external not internal login.js

 const serverurl = "http://localhost:4000"; $(document).ready(function () { $('#login').click(function () { var data = {}; data.username = $('#inputusername').val(); data.password = $('#inputpassword').val(); $.ajax({ url: serverurl+'/user/login' , type: 'POST' , data: JSON.stringify(data) , contentType: 'application/json' }) .done(function (data) { if (data[0].response == '1') { alert("Logged In"); Cookies.set('user', data[0].name); Cookies.set('location', data[0].location); Cookies.set('role', data[0].role); $(location).attr('href', '/home'); } else if(data[0].response == '0') alert("Username or Password Incorrect") }); });

frontend request image

Any help will be appreciated

Answer 1

You got CORS error. You can reach more info about it . My solution is using for Express.js CORS package

Your main js file should be like:

// app.js
const express = require('express')
const cors = require('cors')
const app = express()

app.use(cors())