search

joye61 / pic-smaller

Pic Smaller – Compress JPEG, PNG, WEBP, AVIF, SVG and GIF images intelligently
https://picsmaller.com
MIT License
2.16k stars 307 forks source link

怎么编译部署到二级目录呢 #8

Closed mu0641 closed 6 months ago

mu0641 commented 6 months ago

你好，请问怎么编译部署到二级目录呢？

joye61 commented 6 months ago

目前项目已支持部署到子目录，这里假设你的二级目录是/sub：

  1. 修改根目录下vite.config.js的base参数值为/sub
  2. 执行npm run build生成dist目录，dist目录即为支持二级目录的SPA应用
  3. 由于前端History路由的使用， 需要将dist/index.html配置为二级目录/sub的单一入口 3.1. 通过服务器配置dist/index.html为/sub子路径的单一入口，也就是说无论访问/sub、/sub/path、/sub/path/to、/sub/index.html都应该指向dist/index.html 3.2. 单一入口仅对路径配置，对于图片、字体、CSS、JS等静态资源保留完整访问路径即可，也就是说 /sub/to/test.js、/sub/to/test.css、/sub/to/test.png等静态资源必须保持原始路径

请注意单一入口配置仅针对路径，静态资源保持原始路径即可，任意N级目录的配置同理，这里不再赘述