搜了很多，很多网站都说，如下截图
图片.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: './'
})
当然了，我现在的项目是纯前端的，而且比较简单。不知道复杂的会怎么样。
vue项目打包后，在发布项目时，浏览器会报错访问不到图片等静态资源，这里提供一个解决办法。 一、vue打包后静态资...
通常vue前端打包会默认在dist目录下，生成static文件夹存放静态文件和index.html，如何改变静态文...
vue篇- 如何修改打包好的css、js、img文件名 公司要求输出一个完全静态不变的index.html页面给别...
1.新建、运行 2.打包文件 双击打开 dist/index.html会发现资源加载失败 根目录新建vue cli...
vue项目访问顺序访问index.html后，main.js会将app.vue组件显示,会再通过
natApp内网穿透 一、打包本地项目 以Vue项目为例： 修改public/index.html路径：将./用<...
Vue项目打包以及遇到的问题 项目打包: 运行 npm run build 即可 项目打包后将dist文件夹里面...
vue打包 dist src文件夹及index.html打包到服务器 获取nginx镜像 配置nginx 项目根目...
如何将three接入vue项目中呢？ index.html App.vue home.vue
写个小项目时, 不想把Egg和Vue分开部署, 过于麻烦, 所以就研究了下如何让Egg给打包后的Vue提供静态服务...
本文标题：Vue项目打包，如何双击index.html即可静态访问？
本文链接：https://www.haomeiwen.com/subject/xwxdwdtx.html
网友评论