vite实践遇到的问题[vite:build-html] EISDIR: illegal operation on a directory, read

html-css08

vite实践遇到的问题[vite:build-html] EISDIR: illegal operation on a directory, read,第1张

使用vite打包出现的错误,开发环境运行正常。

经过排查是因为link的href为空,删掉href后打包正常。

唔,资源引入这块要注意了

process.env找不到(process is not defined)

问题解决:在vite.config.js中添加define: { 'process.env': {} },即可解决

关于这一点更多的更细致的描述,请查看另一篇实践 vite + vue3多页面配置记录references,loadEnv等

更多vite相关的配置,我在另一篇有记录 vite + vue3多页面配置记录references,loadEnv等

前提:前后置在同一域名下,只是项目名不同,

比如前置是: www.aa.com/frontend ,后置是 www.aa..com/background ,

实现方式:做IP代理。

前提条件下,则项目启动需要带上项目名frontend,

那么配置文件如下:

vite.config.js(不加base,build后,html引入的js会报404)

router配置如下:

使用了history模式的路由,则在nginx.conf(/usr/local/nginx/conf/)里需要加特殊配置

如下:

启动nginx即可!!!