最近在build打包vue项目遇到了几个问题,如下: 1、npm run build打包项目之后,我们通常是把dist文件里面被压缩后的static文件跟index.html提交到服务器,但最近发现直接打开index.html页面是空白的,还会报几个错,找不到页面路径。 原因:找到config ...
前几天写一个项目,临时需要打包出一个html文件,用 npm run build 命令打包以后发现index.html打开以后页面是空白的,出现这样的报错: 报这个错的原因其实是生成的index.html文件中引入的文件路径出现问题,需要修改 publicPath 我就去找config文件下的index.js文件,找不到,才想到vue cli . 版本搭建的项目已经把相关的设置放在了 根目录 vu ...
2020-03-26 15:58 0 1902 推荐指数:
最近在build打包vue项目遇到了几个问题,如下: 1、npm run build打包项目之后,我们通常是把dist文件里面被压缩后的static文件跟index.html提交到服务器,但最近发现直接打开index.html页面是空白的,还会报几个错,找不到页面路径。 原因:找到config ...
在config/index.js中的build命令的配置有一个属性叫assetsPublicPath,它的值为‘/’。意思是根目录,这时会从index.html所在的硬盘的根目录下开始查找,自然无法找到。 解决办法:改为‘./’这时就不再是绝对路径的根目录了,而是改为了相对路径,同目录下进行 ...
vue 3.0打包后页面空白,是因为打包使用的路径直接用“/”,而不是用“./”,./指的是相对路径,打包后放在服务器任何位置都行; 在vue.config.js中配置 vue3中vue.config.js 中只需要配置 ...
在打包之前,在 package.json 中 private 下(位置任意)添加"homepage": "./" 这样在你点击index.html时候路径没有问题不会报错,但是页面可能还是空白的 然后将项目中的引用路由时候的BrowserRouter改为HashRouter,所有用到的地方都要 ...
https://blog.csdn.net/home_zhang/article/details/100514875 因为路由和文件路径不对引起的报错 配置方法如下(以项目名称为admin为例): 需要注意的地方,html中引用的静态文件要从assets开始写,不可以使用相对路径 ...
如何解决vue2.0 打包之后 打开index.html出现空白页 1.打包之前修改三个文件 1.1.第一步,找到build文件,在webpack.prod.conf.js 第25行左右 有一个对象为 output,在这里面增加一行代码 publicPath ...
第一部分 之前一直不太理解为什么要使用vue+webapck,还有在使用了vue-cli之后会用到后台,即vue-cli自动帮我们安装了express服务器,在本地服务器上运行 ...
1.解决页面空白,找不到资源 在项目根目录中的vue.config.js中publicPath: '/'修改为publicPath: './',如果没有这个文件,新建一个,基础代码为: 2.解决路由不起作用: 将路由中的红框里面的注释掉,或者将history模式更改 ...