multiple ports

.gitignore

@@ -11,6 +11,7 @@ node_modules
 dist
 dist-ssr
 *.local
+notes.txt
 
 # Editor directories and files
 .vscode/*

Dockerfile

@@ -15,5 +15,5 @@ RUN npm run build
 ENV NODE_ENV production
 # Expose the port on which the app will be running (3000 is the default that `serve` uses)
 EXPOSE 7860
-# Start the app
-CMD [ "node", "server.js" ]
+# Start the proxy and app
+CMD ["bash", "-c", "node server.js & npx serve -l 7860 build"]

main.js

@@ -1,7 +1,7 @@
 import './style.css'
 
 // Load environment variables
-const portNum = process.env.PORT_NUM || 7860;
+const portNum = process.env.PORT_NUM || 3001;
 
 // Get a reference to the elements
 const imageUploader = document.getElementById("imageFileInput");

notes.txt

@@ -1,12 +0,0 @@
-PS C:\COMMON\UPWORK\qwen_vl> npm init vite vite-prod
-? Select a framework: » - Use arrow-keys. Return to submit.
-√ Select a framework: » Vanilla
-√ Select a variant: » JavaScript
-
-Scaffolding project in C:\COMMON\UPWORK\qwen_vl\vite-prod...
-
-Done. Now run:
-
-  cd vite-prod
-  npm install 
-  npm run dev 

server.js

@@ -3,7 +3,7 @@ import cors from 'cors';
 import bodyParser from 'body-parser';
 
 const app = express();
-const port = process.env.PORT_NUM || 7860;
+const port = process.env.PORT_NUM || 3001;
 const apiToken = process.env.REPLICATE_API_TOKEN;
 const imgHostKey = process.env.IMAGE_HOST_KEY;
 
@@ -74,8 +74,8 @@ app.post('/imagehosting/upload', async (req, res) => {
     }
 });
 
-// Serve your Vite project's static files
-app.use(express.static('dist'));
+// Serve your Vite project's static files. Comment out to run app on a different port
+//app.use(express.static('dist'));
 
 // Start the server
 app.listen(port, () => {