業(yè)務(wù)場(chǎng)景：頁(yè)面有一個(gè)導(dǎo)入功能，需要一個(gè)模板文件供下載，文件放在本地。
對(duì)于 Vue 3 + Vite 項(xiàng)目，使用 require 方法來(lái)導(dǎo)入模塊是不被支持的。require 是 CommonJS 規(guī)范中用于模塊導(dǎo)入的方法，在 Webpack 等構(gòu)建工具中常用。
Vite 使用 ES 模塊規(guī)范，并且支持動(dòng)態(tài)導(dǎo)入（Dynamic Import）語(yǔ)法，可以通過(guò) import() 來(lái)實(shí)現(xiàn)異步加載模塊或?qū)敕?JavaScript 文件；同時(shí)提供了一個(gè)靜態(tài)資源處理的方法。文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-681048.html
new URL(url, import.meta.url) https://www.vitejs.net/guide/assets.html#new-url-url-import-meta-url文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-681048.html
1、vue2 + webpack
<a :href="File" download>導(dǎo)入模板.xlsx</a>
import File from '@/assets/excels/導(dǎo)入模板.xlsx'
2、vue3 + vite
<a :href="File" download>導(dǎo)入模板.xlsx</a>
const File = new URL('@/assets/excels/導(dǎo)入模板.xlsx', import.meta.url).href;
到了這里，關(guān)于vue項(xiàng)目靜態(tài)文件資源下載的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
