My setup involves using nginx and vite to docker vue.js, but I'm facing an issue when setting the base path where the browser screen goes blank. The /test/index HTML page loads fine, but the /test/assets/something.js and CSS files return as HTML. How can I modify my vite + base + nginx configuration to ensure that the following URLs are displayed correctly?
URL: htttp://localhost:808/test/index
vite.confign.ts
base: '/test/',
default.conf
server {
listen 8080 default_server;
server_name "";
error_log /var/log/nginx/error.log;
access_log /var/log/nginx/access.log main;
location ~ ^/assets/(.*)$ {
proxy_set_header X-Forwarded-For $remote_addr;
root /home/vue_server/assets/$1;
try_files $uri $uri/ /index.html;
}
location / {
proxy_set_header X-Forwarded-For $remote_addr;
root /home/vue_server/;
try_files $uri $uri/ /index.html;
}
}