Vite 构建给出 404

Question

我是vite的新手，我安装了，编写了一些代码，执行了npm run dev和npm run build。

一切都很顺利，直到上传到我的服务器。

索引.html：

<script type="module" crossorigin src="/assets/index.a673cca3.js"></script>

从实时服务器运行时，我收到这些错误

Failed to load resource: net::ERR_FAILED index.4293b7ae.css:1
Failed to load resource: net::ERR_FILE_NOT_FOUND index.a673cca3.js

文件名是正确的，并且它们位于应该的位置。

是什么赋予了？

Answer 1

问题是公共目录上的所有文件都将解析为根目录。我上传到一个目录（www.whatever.com/someproject/），所以解决方案是在 vite.config.js 上指定正确的路径

// vite.config.js
export default {
    base: '/someproject/'
}
 
// if uploading to a subdomain it is ok to no specify any dir:
export default {
    base: '/'
}

// using a relative path will work on any dir:
export default {
    base: './'
}