//直接打包npm run build 但是打包完成后,打开dist/index.htmnl文件整个网页都是一片空白的。 image.png 打开调试,发现有一排报错说是:不能加载到资源,后面就发现路径的问题,仔细看上面再看上面加载的css的引用路径,这里是有问题的。 爬坑: 文件位置:config文件夹/index.js文件 更改assetsPublicPath属性: 文件里面...
我们知道打包的命令文件是config/build.js 到项目目录下的config文件夹里的index.js文件中,将build对象下的assetsPublicPath中的“/”,改为“./”即可,就在前面加个点就可以了, 现在再重新打包一次npm run build,刷新你的页面,就可以看到啦 在这之前有一个前提条件,那就是电脑上要安装服务器。只要你的服务器上...
根目录 build/webpack.base.config.js 中 module.exports externals: { 'vue': 'Vue', 'axios':'axios', 'element': 'element-ui' }, 1. 2. 3. 4. 5. 根目录 src/mian.js 原因二:vue-cli npm run build命令打包时默认会生成相对应的map文件,从而导致打包后的整个 static文件夹 过大(尤其是vendo...
1.在编辑器终端输入npm run build: 项目文件夹下会生成一个dist文件夹,如下图,里面有一个index.html文件 但是,直接双击打开index.html的话,我们会发现页面上一片空白,什么都没有。 所以我们还需要进行下面的步骤: 2.在项目文件中,找到config文件夹里的index.js文件,然后修改该文件中的build对象: 将assetsPublicP...
npm run build出来就是这个文件夹, 但是有一个问题是,路径有问题 画框的是自动生成出来的, body下面是我修改过的,如果不修会报错js或者css找不到,vue-cli默认那个栗子也是这样的,我将static/前面的/,手动去掉就可以加载了,这个问题需要在哪里修改。
首先在当前目录下,用npm run build命令将文件打包到build文件夹(或者是其他文件夹名) 把build目录传到服务器上 打开终端(提一句,Windows在Microsoft store里新出的terminal应用还蛮好用的,当然是相对而言。啊,对了,它还出了WSL 的ubuntu子系统) cd到自己的文件目录(就是目录下有build的那个),然后 ...
1、打包后将 dist 文件夹和 index.html 放到 tomcat,在浏览器中访问时,出现空白页,f12 提示 404。 2、打包好的静态资源均是绝对路径,无法引入进项目,也是 404。 1、项目目录结构 这是打包后的,所以有 dist 文件夹,打包方式:npm run build。 2、webpack.config.js ...
图片文件过大,打包后404问题 npm 打包会生成static文件夹,一般static文件夹是比较干净的,只有css与js两个文件夹存在。如果打包后生成img或者其他文件夹时,说明文件过大,无法打包进入,webpack 默认10k。 修改webpack 设置,/build/webpack.base.conf.js
用vue-cli搭建的做法 1、npm run build 2、把dist里的文件打包上传至服务器 例 /data/www/，我一般把index.html放在static里 所以我的文件路径为： /data/www/static |---index.html |---js |---css |---images ...3、配置nginx监听80...
生产环境不需要devserver，直接丢到容器里，比如nginx之类的，然后直接访问根目录访问index.html就行，dev...