目录vue3打包部署报错Vue3 vite 打包部署后,访问报错Vue3打包部署报错 通常情况下,我们直接npm run build后的代码可以直接部署在服务器上,以便老板远程访问。
通常情况下,我们直接npm run build后的代码可以直接部署在服务器上,以便老板远程访问。但是今天写了个简单的demo发现部署后不能直接访问。作为一个菜鸟,被领导催的也是心急如焚。
但奇怪的是,vscode的open live server却没有任何问题。
冥思苦想苦思冥想无法解决,问了同事大佬,原来是要在打包前的vue config下加一下publicPath:‘./’:
于是重新打包,再部署到服务器,解决啦!!!
知其然还要知其所以然,我们看一下官网的解释:
Expected a javascript module script but the server responded with a MIME type of
其实这个很简单:
在vite.config.js中:
将base对应的属性从'./'改为'/'即可
import { defineConfig, loadEnv, ConfigEnv } from 'vite';
const viteConfig = defineConfig((mode: ConfigEnv) => {
const env = loadEnv(mode.mode, process.cwd());
return {
plugins: [vue()],
root: process.cwd(),
resolve: { alias },
base: '/',
};
});
以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。
--结束END--
本文标题: Vue3打包部署报错的解决方案
本文链接: https://www.lsjlt.com/news/150463.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0