打包有两种方式:

第一种方式：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. Linux中的自定义变量
			
    范围: 只在当前Shell中生效 语法: 变量定义: name="xiaol" hello="$name"" hello" 变量调用: ec ...
    
			
    2. 
						
  2. 修改impala表location
			
    两种方式: 一.通过修改表DDL: alter table t_m_cc set location 'hdfs://heracles/user/video-mvc/hive/warehouse/t_m ...
    
			
    3. 
						
  3. Windows系统Python 安装第三方模块时，提示pip版本有问题
			
    如果按照提示输入python -m pip install --upgrade pip 还不行, 那么执行easy_install --upgrade pip 即可 参考:https://stacko ...
    
			
    4. 
						
  4. 【AWS】AWS云计算赋能数字化转型专题研讨会圆满落幕
			
    大会精彩回顾:查看原文 大会使用的PPT下载地址:点击下载
    
			
    5. 
						
  5. SpringMVC:学习笔记(4)——处理模型数据
			
    SpringMVC—处理模型数据 说明 SpringMVC 提供了以下几种途径输出模型数据: – ModelAndView: 处理方法返回值类型为 ModelAndView时, 方法体即可通过该对象添 ...
    
			
    6. 
						
  6. try catch  事务不会滚
			
    在spring机制中,在配置事务后,如果采用try catch 捕获异常后,因为异常已经被捕获,所以事务不会滚,从而产生许多脏数据.解决办法: 1.在catch中抛出异常,(throw new Run ...
    
			
    7. 
						
  7. range精讲
			
    var ec = range.endContainer endContainer不是一个引用类型 range是引用类型 range经过改变范围之后 var ec2 =range.endContaine ...
    
			
    8. 
						
  8. swift的值类型和引用类型
			
    前言 最近在学设计模式中,发现 Swift 中的 struct,class 以及 enum 在一般的使用中能够做到互相替换,因此探究其背后的逻辑就十分有必要.而这一问题又引出了 Swift 中的值类型 ...
    
			
    9. 
						
  9. MySQL 数据库怎样把一个表的数据插入到另一个表
			
         web开发中,我们经常需要将一个表的数据插入到另外一个表,有时还需要指定导入字段,设置只需要导入目标表中不存在的记录,虽然这些都可以在程序中拆分成简单sql来实现,但是用一个sql的话,会节 ...
    
			
    10. 
						
  10. 获取电脑连接WiFi的信息
			
    在cmd中执行如下命令,即可查看到所有连接过的WiFi信息 for /f "skip=9 tokens=1,2 delims=:" %i in ('netsh wlan show  ...
    
			
    11.