打包有两种方式:

第一种方式：1.更改config文件夹下prod.env.js下的地址：

2.将config文件夹下index.js中build下改为

assetsPublicPath: '',

第二种方式：

1.更改config文件夹下prod.env.js下的地址：

2.

将config文件夹下index.js中build下改为

assetsPublicPath: '/',

之后再打包好的dist文件夹下的index.html中将路径前面加.      也就是改为相对路径

一般我比较喜欢使用第一种方式，较为简单

												


											
vue项目打包注意的地方的更多相关文章
	

    
								
  1. 【转】vue项目打包部署——nginx代理访问
		
    我又来了,今天部署了下vue项目,使用nginx做了代理,这样可以解决跨域的问题,这里做一个简单讲解. 1.先看vue项目打包(我这里使用的是vscode开发工具) 这里是我的项目结构: 打包之前需要 ...
    
		
    2. 
						
  2. vue项目打包采坑
		
    1. vue项目打包采坑 1.1. vue运行报错error:Cannot assign to read only property 'exports' of object '#' 这个错误我是在打包 ...
    
		
    3. 
						
  3. Vue项目打包后背景图片路径错误
		
    vue项目打包之后背景图片出错的解决方案如下: 1,找到 config->index.js里面,如下修改 默认配置: env: require('./prod.env'), index: pat ...
    
		
    4. 
						
  4. vue项目打包后运行报错400如何解决
		
    昨天一个Vue项目打包后,今天测试,发现无论localhost还是服务器上都运行不了,报错如下: Failed to load resource: the server responded with  ...
    
		
    5. 
						
  5. vue项目打包，生成dist文件夹，如何修改文件夹的名字
		
    vue项目打包之后的dist文件目录是如下 如果想要修改dist或则static文件名称,需要打开config / index.js build: { // Template for index.ht ...
    
		
    6. 
						
  6. vue项目打包踩坑记
		
    基于webpack+vue-cli下的vue项目打包命令是 npm run build ,等待打包完成后在根目录生成dist文件夹,里面包含了所有项目相关的内容. 注意:需要完整版的vue-cli项目 ...
    
		
    7. 
						
  7. vue项目打包-2-九五小庞
		
    vue项目打包 一.终端运行命令 npm run build 二.打包成功的标志与项目的改变,如下图: 3.点击index.html,通过浏览器运行,出现以下报错,如图: 四.那么应该如何修改呢?具体 ...
    
		
    8. 
						
  8. vue项目打包成html，在本地点击直接能打开
		
    默认情况下vue项目打包后,本地打开index.html是空白的,有报错.Failed to load resource: net::ERR_FILE_NOT_FOUND 这时需要修改config-& ...
    
		
    9. 
						
  9. cordova+vue 项目打包成Android（apk）应用
		
    现在使用vue开发的项目越来越多,使用vue开发的移动端打包就成了最大的问题.现在前端打包方案有好多种,但是综合来说,我比较喜欢用cordova来进行Android和ios的打包,配置完成之后,每次只 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Android系统移植与调试之------->Amlogic方案编译步骤
			
    1. 拷贝Amlogic的SourceCode 切换目录到  /home/roco/work/amlogic/SourceCode/mx0831-0525下将mx0831-0525.tgz拷贝到  / ...
    
			
    2. 
						
  2. float 与 double
			
    一.原因 单精度和双精度数值类型最早出现在C语言中,在C语言中单精度类型称为浮点类型(Float),顾名思义是通过浮动小数点来实现数据的存储.这两个数据类型最早是为了科学计算而产生的, 他能够给科学计 ...
    
			
    3. 
						
  3. Spring Cloud架构
			
    Spring Cloud主要的组件,以及它的访间流程  1.外部或者内部的非 Spring Cloud目都统一通过API网关(Zuul)来访可内部服务.  2.网关接收到请求后,从注册中心( Eure ...
    
			
    4. 
						
  4. activiti部署到linux后流程图不显示汉字的问题
			
    linux和windows的字体文件一般是不一样的,默认情况下,linux的java7中一般不支持中文,activiti的动态流程图中的汉字需要java调用汉字的字库,这里需要配置一下java的汉字字 ...
    
			
    5. 
						
  5. VIMTUTOR 1.7中文版
			
    文章来源:http://waterxfire.blog.hexun.com/4106986_d.html =============================================== ...
    
			
    6. 
						
  6. LeetCode：平衡二叉树【110】
			
    LeetCode:平衡二叉树[110] 题目描述 给定一个二叉树,判断它是否是高度平衡的二叉树. 本题中,一棵高度平衡二叉树定义为: 一个二叉树每个节点 的左右两个子树的高度差的绝对值不超过1. 示例 ...
    
			
    7. 
						
  7. 【Tech】单点登录系统CAS客户端demo
			
    服务器端配置请参考: http://www.cnblogs.com/sunshineatnoon/p/4064632.html 工具:myeclipse或者javaee-eclipse 1.启动jav ...
    
			
    8. 
						
  8. P3413 SAC#1 - 萌数
			
    题目 洛谷 数位动规用爆搜真好玩 做法 含有回文串实际我们仅需判断是否有\(2/3\)回文串 \(Dfs(now,num,pre,ly,lead,prel,top)\): 在第\(now\)位 \(n ...
    
			
    9. 
						
  9. @MarkFan 口语练习录音 20140423 [风雨哈佛路.Homeless To Harvard口语录音]
			
    世界在转动,你只是一粒尘埃 没有你,世界照样在转 现实不会按照你的意识去改变的 一些人的需求 一些人的意志要比你更强 严酷的生活会让人不知所措 所以他们久久地困在挫败中 我们生气地抱怨,而对整体的形势 ...
    
			
    10. 
						
  10. windows蓝屏错误小全
			
    作者:siyizhu 日期:2005-11-27 字体大小: 小 中 大  引用内容 0 0x00000000 作业完成.  1 0x00000001 不正确的函数.  2 0x00000002 系统 ...
    
			
    11.