Vue项目打包,如何双击index.html即可静态访问?

搜了很多,很多网站都说,如下截图


图片.png

但是我的项目是vue2.6 vue-cli5 并没有config和build文件夹
但是有vue.config.js
因此,终于找到一个文章比较靠谱,不过可惜,文章丢了。记录一下如何修改的。

很多时候,打包后双击index.html是空白页,原因是访问路径的问题。默认是/ 改成./就好了。

我是在vue.config.js加了一行publicPath: './',总共如下,就解决了。
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
transpileDependencies: true,
publicPath: './'
})
当然了,我现在的项目是纯前端的,而且比较简单。不知道复杂的会怎么样。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容