解决vite构建下 dist/html 无法打开问题
安装 兼容插件 @vitejs/plugin-legacy
npm install --save-dev @vitejs/plugin-legacy
在 vite.config.js 中进行配置
import legacy from '@vitejs/plugin-legacy';
// https://vitejs.dev/config/
export default defineConfig({base: "./", // 1.需要加上此处plugins: [vue(),legacy({ // 2.需要加上此处targets:["defaults","not IE 11"],additionalLegacyPolyfills: ["regenerator-runtime/runtime"]})],
})
修改根目录下的 index.html
在index.html
文件末尾添加
<script>(function (win) {let scripts = document.getElementsByTagName('script');for (let i = 0; i < scripts.length; i++) {let script = scripts[i];let url = script.getAttribute('src');let type = script.getAttribute('type');let scriptText = script.innerHTML;if (url || type === 'module') {let tag = document.createElement('script');tag.setAttribute('url', url);tag.innerHTML = scriptText;script.remove();document.getElementsByTagName('head')[0].appendChild(tag);}}})(window);
</script>