如何改写静态资源的根路径?

  • Z时代
  • 2024-02-06
  • 分类：IT

我有一个打包好的vue静态资源

public
   assets
      css
      js
      fonts
      img
   favicon.ico
   index.html

我想访问 http://localhost:8080/min 时，nginx解析 public目录的文件。我写了这些配置，但是不起作用，只展示白页，我也看了network，静态资源的状态都是200.

location /min {
     alias /opt/homebrew/var/www/public;
}
location ~* \.(css|js|jpg|png|svg)$ {
            root /opt/homebrew/var/www/public;
        }
or 
location /min {
     alias /opt/homebrew/var/www/public;
     try_files $uri $uri/ =404;
}
location ~* \.(css|js|jpg|png|svg)$ {
            root /opt/homebrew/var/www/public;
        }

但是如果去掉min 是可以正常展示的。

location / {
    root /opt/homebrew/var/www/public;
}

怎么能实现加上/min 的正常解析展示？

回答：

如果是使用vue-cli搭建的项目可以参考https://cli.vuejs.org/zh/conf...
如果是使用vite搭建的项目可以参考https://cn.vitejs.dev/config/...

回答：

这是我的一个配置，是可以正常访问的。

    server {
        listen 8005; # vite构建vue3测试
        server_name awisps;
        #charset koi8-r;
        #access_log  logs/host.access.log  main;
        location ^~ /awisps{
          alias D:/work/git/qs-t/awisps-front/front-v1/dist;
          index  index.html index.htm;
          try_files $uri $uri/ /awisps/index.html;
        }
        location /awisps/static{
          alias D:/work/git/qs-t/awisps-front/front-v1/dist/static;
        }
        location /geoserver/ {
          proxy_pass http://192.168.3.217/geoserver/;
        }
    }

以上是 如何改写静态资源的根路径? 的全部内容， 来源链接： utcz.com/p/933450.html

回到顶部