打包有两种方式:

第一种方式：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. ReentrantLock VS  synchronized
			
    ReentrantLock 类实现了 Lock ,它拥有与 synchronized 相同的并发性和内存语义,但是添加了类似锁投票.定时锁等候和可中断锁等候的一些特性. 此外,它还提供了在激烈争用情况 ...
    
			
    2. 
						
  2. selenium 下载文件设置下载路径
			
    Chrome 文件下载 Chrome浏览器类似,设置其options: download.default_directory:设置下载路径 profile.default_content_settin ...
    
			
    3. 
						
  3. LeetCode::Sort List 具体分析
			
    Sort a linked list in O(n log n) time using constant space complexity. 这道题目非常简短的一句话.给链表排序,看到nlogn.我们 ...
    
			
    4. 
						
  4. 4.3 使用STM32控制MC20进行GPRS通讯
			
    需要准备的硬件 MC20开发板 1个 https://item.taobao.com/item.htm?id=562661881042 GSM/GPRS天线 1根 https://item.taoba ...
    
			
    5. 
						
  5. 解释一下python中的继承
			
    当一个类继承另一个类,它就被称为一个子类/派生类,继承父类/基类/超类.它会继承/获取所有类成员(属性和方法) 继承能让我们重新使用代码,也能更容易的创建和维护应用 单继承:一个类继承单个基类 多继承 ...
    
			
    6. 
						
  6. python Selenium库的使用
			
    一.什么是Selenium selenium 是一套完整的web应用程序测试系统,包含了测试的录制(selenium IDE),编写及运行(Selenium Remote Control)和测试的并行 ...
    
			
    7. 
						
  7. iOS   UIFont  的学习与使用
			
    通常,我们使用字体 都是系统默认的字体. 有时候 从阅读体验,美观度 设计师都会考虑用一些 更高大尚的字体. 系统字体库 给英文 各种style的发挥空间很大,但是 中文则不然. 但是苹果 给使用中文 ...
    
			
    8. 
						
  8. MFC输出调试信息
			
    刚学mfc时只知道用MessageBox输出,可是MessageBox只能输出字符串, 对于习惯于printf的我来说非常不便,后来查了一下mfc可以像printf一样输出, 就是TRACE这个宏,用 ...
    
			
    9. 
						
  9. bex5部署后不更新
			
    哪个模块没更新,就编译哪个模块 在x5/tools/compile下,运行对应模块的bat,并清空浏览器缓存 如果修改了.w文件,也可以删除相应的.catch文件夹 和.release文件夹,并且注意 ...
    
			
    10. 
						
  10. 在树莓派上用Python控制LED
			
    所需材料 一个已经安装配置好了的树莓派 连接控制树莓派所用的其他必须设备 200Ω电阻 x 8 led x 8 面包板及连接线若干 电路连接 电路图 按照电路图所示,在面包板上进行连接. 编写程序 安 ...
    
			
    11.