i have parse server running on a linux vps without any problem .now i am trying to add parse dashboard to work along side parse server on the same server. i cloned the parse server example repository as a starting point.the problem that i am facing right now is that i cannot access the dashboard (in fact i can but the problem happens after i login the loading animation start but after a while nothing happens and the screen is blank .i have tested the express app locally on my machine and i was able to access the dashboard and parse and everything was fine.if i looked into the browser console i have this errors
localhost:1337/parse/serverInfo:1 Failed to load resource: net::ERR_CONNECTION_REFUSED
dashboard.bundle.js:45 TypeError: Cannot read property 'schemas' of undefined
at t.value (dashboard.bundle.js:95)
at ba (dashboard.bundle.js:45)
at ya (dashboard.bundle.js:45)
at Zs (dashboard.bundle.js:45)
at Ws (dashboard.bundle.js:45)
at zs (dashboard.bundle.js:45)
at Ps (dashboard.bundle.js:45)
at dashboard.bundle.js:45
at t.unstable_runWithPriority (dashboard.bundle.js:53)
at fi (dashboard.bundle.js:45)
Pa @ dashboard.bundle.js:45
localhost:1337/parse/serverInfo:1 Failed to load resource: net::ERR_CONNECTION_REFUSED
localhost:1337/parse/schemas:1 Failed to load resource: net::ERR_CONNECTION_REFUSED
VM27:1 POST http://localhost:1337/parse/schemas net::ERR_CONNECTION_REFUSED
(anonymous) @ VM27:1
a @ dashboard.bundle.js:80
VM27:1 POST http://localhost:1337/parse/schemas net::ERR_CONNECTION_REFUSED
(anonymous) @ VM27:1
a @ dashboard.bundle.js:80
setTimeout (async)
(anonymous) @ dashboard.bundle.js:16
c.onreadystatechange @ dashboard.bundle.js:80
XMLHttpRequest.send (async)
(anonymous) @ VM27:1
a @ dashboard.bundle.js:80
VM27:1 POST http://localhost:1337/parse/schemas net::ERR_CONNECTION_REFUSED
(anonymous) @ VM27:1
a @ dashboard.bundle.js:80
setTimeout (async)
(anonymous) @ dashboard.bundle.js:16
c.onreadystatechange @ dashboard.bundle.js:80
XMLHttpRequest.send (async)
(anonymous) @ VM27:1
a @ dashboard.bundle.js:80
setTimeout (async)
(anonymous) @ dashboard.bundle.js:16
c.onreadystatechange @ dashboard.bundle.js:80
XMLHttpRequest.send (async)
(anonymous) @ VM27:1
a @ dashboard.bundle.js:80
VM27:1 POST http://localhost:1337/parse/schemas net::ERR_CONNECTION_REFUSED
(anonymous) @ VM27:1
a @ dashboard.bundle.js:80
setTimeout (async)
(anonymous) @ dashboard.bundle.js:16
c.onreadystatechange @ dashboard.bundle.js:80
XMLHttpRequest.send (async)
(anonymous) @ VM27:1
a @ dashboard.bundle.js:80
setTimeout (async)
(anonymous) @ dashboard.bundle.js:16
c.onreadystatechange @ dashboard.bundle.js:80
XMLHttpRequest.send (async)
(anonymous) @ VM27:1
a @ dashboard.bundle.js:80
setTimeout (async)
(anonymous) @ dashboard.bundle.js:16
c.onreadystatechange @ dashboard.bundle.js:80
XMLHttpRequest.send (async)
(anonymous) @ VM27:1
a @ dashboard.bundle.js:80
dashboard.bundle.js:80 Uncaught (in promise) Error: XMLHttpRequest failed: "Unable to connect to the Parse API"
at dashboard.bundle.js:80
i investigated the problem online and tried the suggested solution (add allowInsecureHttp to dashboard setup) for it but without any hope my setup:
- vps with Ubuntu server running
nginx is installed and i have ssl certificate also installed. nginx rule that redirects all the requests to the nodejs express app as follow
proxy_set_header HOST $host; proxy_set_header X-Forwarded-Proto $scheme; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; location / { proxy_pass http://localhost:1337/; }i have parse server and parse dashboard running on the same port and this is the index.js code
//Parse Api Setup
var api = new ParseServer({
databaseURI: process.env.DATABASE_URI,
cloud: __dirname + process.env.CLOUD_CODE_MAIN,
appId: process.env.APP_ID,
masterKey: process.env.MASTER_KEY,
serverURL: process.env.SERVER_URL,
mountPath: process.env.PARSE_MOUNT,
publicServerURL: process.env.SERVER_URL,
graphQLServerURL: process.env.GRAPHQL_URL,
graphQLPath: process.env.GRAPHQL_PATH,
verifyUserEmails: false,
verbose: process.env.VERBOSE,
push: {
android: {
apiKey: process.env.FIREBASE_SERVER_KEY
}
// TODO add ios push when start developing ios app
}
// liveQuery: {
// classNames: ['Test', 'TestAgain']
// }
});
// Parse Dashboard Setup
var dashboard = new ParseDashboard({
apps: [
{
appId: process.env.APP_ID,
masterKey: process.env.MASTER_KEY,
serverURL: process.env.SERVER_URL,
appName: process.env.APP_NAME,
graphQLServerURL: process.env.GRAPHQL_URL,
graphQLPath: process.env.GRAPHQL_PATH,
supportedPushLocales: ["en", "ar"],
production: process.env.PRODUCTION
},
],
users: [{
user: "bahaa",
pass: "$2y$12$RvjUJx0SLM66/SqzT.oyJ.49AsrUHIsgj0AEEFdn5HLRvUw6L0UeG"
}],
trustProxy: process.env.TRUST_PROXY,
// Use https://www.bcrypt-generator.com.
useEncryptedPasswords: true
}, { allowInsecureHTTP: process.env.DASHBOARD_ALLOW_INSECURE_HTTP });
// GraphQl Api Setup
var parseGraphQLServer = new ParseGraphQLServer(api, {
graphQLPath: '/graphql', playgroundPath: '/playground'
})
var parseApp = express();
// Serve static assets from the /public folder
parseApp.use(express.static(path.join(__dirname, '/public')));
// Serve the Parse API on the /parse URL prefix
parseApp.use(process.env.PARSE_MOUNT, api.app);
// Serve the Dasboard on the /dashboard URL prefix
parseApp.use(process.env.DASHBOARD_MOUNT, dashboard);
// Mounts the GraphQL API
parseGraphQLServer.applyGraphQL(parseApp);
parseApp.get('/', function (req, res) {
res.sendFile(path.join(__dirname, '/public/index.html'));
});
var httpServerParseApi = require('http').createServer(parseApp);
httpServerParseApi.listen(process.env.PARSE_PORT, function () {
console.log('api + dashboard + graphql running on port ' + process.env.PARSE_PORT + '.');
});