打包有两种方式:

第一种方式：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. Thrift官方安装手册（译）
			
    本篇是Thrift官网安装文档的翻译,原地址点击这里.Thrift之前是不支持Windows的.但是似乎0.9版本以后已经支持Window了.介绍了Thrift安装的环境要求以及在centos,Deb ...
    
			
    2. 
						
  2. T-SQL怎样提高数据库性能
			
    总结: 1.书写问题 2.表连接方式 3.索引的抉择 4.执行计划之参数嗅探 5.子查询与表连接的效率 6.临时表.CTE.表变量的选择 7.常用sp与select的缓存命中 8.锁(善用nolock ...
    
			
    3. 
						
  3. 通过存储过程运行通过DBLINK的查询语句失败-单个语句成功--ORA-00604
			
    版权声明:本文为博主原创文章.未经博主同意不得转载. https://blog.csdn.net/q947817003/article/details/24419459 客户遇到个问题,描写叙述例如以 ...
    
			
    4. 
						
  4. c# 获取网页源代码(支持cookie),最简单代码
			
    /// /// 获取网页源码 public static string GetHtmls(string url, string referer = "", string cooki ...
    
			
    5. 
						
  5. 《Python数据分析》笔记1 ——Numpy
			
    Numpy数组 1.Numpy数组对象 Numpy中的多维数组称为ndarray,他有两个组成部分. 1.数据本身 2.描述数据的元数据 2.Numpy的数值类型 bool: 布尔型 inti:其长度 ...
    
			
    6. 
						
  6. Eclipse中tomcat设置
			
    首先在Eclipse中新建一个tomcat的server,这里就不多说了. 新建完成后,双击新建的server,如下: 设置1:在Server Locations里,选择Use Tomcat inst ...
    
			
    7. 
						
  7. 对称加密&非对称加密
			
    对称密钥密码算法的特点: 算法简单,加/解密速度快,但密钥管理复杂,不便于数字签名: 非对称密钥密码算法的特点: 算法复杂,加/解密速度慢,密钥管理简单,可用于数字签名. 所以将两者结合起来,形成混合 ...
    
			
    8. 
						
  8. 指定Python线程数目
			
    可以通过threading.semaphore()来指定并行运行的Python线程的数目. #!/usr/bin/python2.7 #File: threadsNum.py #Author: lxw ...
    
			
    9. 
						
  9. 模版抽离  优化url
			
    抽离出base模板 复制index的代码到base里面,指定views里面跳转到base.html,删除掉会变化的保留通用的 把主要内容写写在block里面,写了三个block {% block le ...
    
			
    10. 
						
  10. Python基础（19）_异常处理
			
    一.异常处理 错误和异常: 1.错误的种类: 1)语法错误:这种错误,根本过不了python解释器的语法检测,必须在程序执行前就改正 2)逻辑错误: 例如: res1=1/0  .es2=1+'str ...
    
			
    11.