vite通过yarn打包部署vue3项目踩雷总结

vite通过yarn打包部署vue3项目踩雷总结

访问网址后，无报错，但是页面白屏

将route的createWebHistory改为createWebHashHistory

访问网址后，无报错，但是css不生效

• 查看网络的css请求
• 发现请求的css的类型是text/plain,而不是text/css

将nginx.conf内添加
conf
include /etc/nginx/mime.types;
default_type application/octet-stream;

本地运行没问题，但是打包在服务器跑报错

• 报错信息为
• Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/plain". Strict MIME type checking is enforced for module scripts per HTML spec.

在vite.config.js中添加

export default defineConfig({
  base: "./",
  //...
    },
})