打包有两种方式:

第一种方式：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. spring boot 2.0添加对fastjson的支持
			
    首先引入fastjson的maven依赖: <dependency> <groupId>com.alibaba</groupId> <artifactId&g ...
    
			
    2. 
						
  2. Spring IOC/DI和AOP原理(转发：https://www.cnblogs.com/techroad4ca/p/5770073.html)
			
    一 IOC/DI 1. 概念及原理 IOC: Inversion of Control(控制反转)是一种设计思想,就是容器控制应用程序所需要外部资源的创建和管理,然后将其反转给应用程序.对象及其依赖对 ...
    
			
    3. 
						
  3. Javascript 广告浮动效果在浏览器中间N秒后移动到右下角
			
    Javascript 广告浮动效果在浏览器中间N秒后移动到右下角 闲着无聊做了一个,本人原创...就是这个页面的广告效果....怎么样???? 刚刚学习的javascript
    
			
    4. 
						
  4. c# 执行批处理文件
			
    ProcessStartInfo proc = new ProcessStartInfo(); proc.UseShellExecute = false; proc.CreateNoWindow =  ...
    
			
    5. 
						
  5. 所有文本的 attributes 枚举，NSAttributedString
			
    // Predefined character attributes for text. If the key is not in the dictionary, then use the defau ...
    
			
    6. 
						
  6. 016_笼统概述MapReduce执行流程结合wordcount程序
			
    数据传输<key,value>     File-->  <key,value>  -->map(key,value)  --> mapResult<k ...
    
			
    7. 
						
  7. Linux安装Mycat
			
    1.官网下载mycat到/home/install目录下 2.解压到/usr/local/mycat目录下 tar -zxvf Mycat-server-1.6-RELEASE-20161028204 ...
    
			
    8. 
						
  8. PHP汉子转拼音
			
    <?php /** +------------------------------------------------------ * PHP 汉字转拼音 +------------------ ...
    
			
    9. 
						
  9. 每日练习level-7
			
    1.有序列表.无序列表.自定义列表如何使用?写个简单的例子.三者在语义上有什么区别?使用场景是什么? 能否嵌套? 有序列表是一列使用数字进行标记的项目,它使用<li>包含于<ol&g ...
    
			
    10. 
						
  10. 【Flask】Sqlalchemy limit, offset slice操作
			
    ### limit.offset和切片操作:1. limit:可以限制每次查询的时候只查询几条数据.2. offset:可以限制查找数据的时候过滤掉前面多少条.3. 切片:可以对Query对象使用切片 ...
    
			
    11.