根据官网打包执行npm run build 后dist文件夹打开的index.html 是空白 需要开启http服务器才能访问,以下是解决办法
1、找到config文件夹下的index文件

修改成

2、找到build文件夹下的until文件

修改成

然后执行npm run build重新打包下就ok了

更多专业前端知识,请上 【猿2048】www.mk2048.com

vue打包后不使用服务器直接访问方法相关推荐

  1. vue打包后在ie浏览器下访问报语法错误

    vue项目部署后在ie浏览器下访问报语法错误: 1.解决方法首先定位到报错文件: 2.编译为es5:在线编译

  2. vue打包后css路径_Vue打包后访问静态资源路径问题

    Vue打包后访问静态资源路径问题 Vue介绍中static文件夹里放的是静态资源目录,如图片.字体等. 我们发现运行npm run start后本地图片路径是没问题的,但是打包上传后会怎么样呢? 我们 ...

  3. vue 打包后访问接口报错404 解决方案 (前提是在vue里使用了代理)

    vue 打包后访问接口报错404 解决方案 (前提是在vue里使用了代理) 参考文章: (1)vue 打包后访问接口报错404 解决方案 (前提是在vue里使用了代理) (2)https://www. ...

  4. vue上线后图片不显示_解决Vue打包后访问图片/图标不显示的问题

    大家可否遇到过 npm run build打包后,项目在线上运行时,资源文件 (图片.图标)不显示 的问题, 接下来,我给大家分享一下我的解决方案~ 1.检查打包后dist中的css文件 打开此文件后 ...

  5. vue-cli打包后怎么修改服务器地址实践有效

    前言:公司vue项目使用 npm run build 打包生成dist文件部署后,当需要修改服务器端地址时候就又需要重新配置url并打包部署,为简化部署测试工作,想实现通过修改服务器地址的配置文件来实 ...

  6. flask 渲染 vue 打包后的dist文件(直接用后端渲染)

    flask 渲染 vue 打包后的dist文件(直接用后端渲染) vue项目打包出dist文件 npm run build 代码 from flask import Flask from flask ...

  7. vue打包后element-ui部分样式(图标)异常问题

    vue打包后element-ui部分样式(图标)异常问题 参考文章: (1)vue打包后element-ui部分样式(图标)异常问题 (2)https://www.cnblogs.com/ljwsyt ...

  8. vue项目接口地址暴露_vue项目打包后可以配置接口地址的方法

    因为项目测试的需要,我需要给测试人员一个项目的测试环境版本和生产环境版本,两个版本的区别就是请求的接口地址不一样而已,一开始,我是在webpack配置了不同的命令,让测试去打包,比如:使用npm ru ...

  9. [vue] 怎么修改vue打包后生成文件路径?

    [vue] 怎么修改vue打包后生成文件路径? webpack:output.path vue-cli3: outputDir 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一 ...

最新文章

  1. TensorRT Samples: MNIST(serialize TensorRT model)
  2. Python基础教程(十一):多线程、XML解析
  3. 写作—开启技术成长之路
  4. MVP Community Camp 社区大课堂
  5. QT中DirectShowPlayerService::doSetUrlSource: Unresolved error code 0x80040216 ()问题的解决
  6. mysql int的长度
  7. 请求发送者与接收者解耦——命令模式(五)
  8. php过滤excel文件,phpexcel读取excel内存释放怎么处理
  9. 微积分 --- 以e为底的指数函数(个人学习笔记)
  10. JAVA之CRC校验算法
  11. 网络与信息安全基础知识专栏
  12. 运维--域服务器--搭建
  13. Unity3D中常用的物理学公式
  14. 小程序使用wxs处理手机号
  15. 芝麻小客服电脑版新增网址自带openid功能,聊天界面改版,新增通用设置
  16. 第六届“强网杯”青少年专项赛 writewp by 楠辞姐姐后援团
  17. gnuplot:散点图
  18. Hard resetting via RTS pin...
  19. 如何在CAD中加载卫星地图并作街道与建筑绘制
  20. 【Linux】vim全选,全部复制,全部删除

热门文章

  1. 让别人和自己看懂自己的程序代码?一文掌握Java单行多行、文档注释以及注解(Annotation)超详细的理解使用,IDEA注释注解快捷键和模板,提高程序代码更有可读性
  2. 计算机二级web题目(4)--CSS基础
  3. ajax的url怎么将后缀补上_蜂蜜杏仁怎么做?杏仁和蜂蜜腌制方法
  4. redhat 9.0 mysql 配置_RedHat 9.0下Apache+PHP+MySQL服务器安装配置
  5. c语言作业请输入一个运算符,C语言书面作业1(有答案版)..doc
  6. Mac入门--Apache/Php/Mysql的开启关闭
  7. Android Studio导入项目非常慢的解决办法
  8. android开发之shape详解
  9. in-place数据交换
  10. query和prototype库冲突的解决方法