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

html-css017

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即可！！！