精华内容
下载资源
问答
  • vue项目打包上线

    2019-03-21 09:54:40
    vue项目开发完毕后,我们需要将项目打包上线,同时我们希望可以在本地预览生产环境项目。(以下以vue-cli脚手架生成的项目为例) 发布服务器 1、运行打包命令 npm run build 复制代码运行后生成dist文件夹,将dist...

    vue项目开发完毕后,我们需要将项目打包上线,同时我们希望可以在本地预览生产环境项目。(以下以vue-cli脚手架生成的项目为例)

    发布服务器

    1、运行打包命令

    npm run build
    复制代码

    运行后生成dist文件夹,将dist文件夹发布在服务器中,over搞定

    本地预览打包后的项目

    运行打包命令后,可以看到命令行提示以下信息 Tip: built files are meant to be served over an HTTP server. Opening index.html over file:// won't work.

    意思是说需要运行在服务器上,运行以下命令配置本地服务

    npm install -g http-server // 该命令只需执行一次, 全局安装
    复制代码

    安装完毕后,更改congif/index.js文件中build下的assetsPublicPath属性值为"./"(默认为/)

    好啦,双击index.html开启本地预览~

    将config -> index.js 中的build下的productionSourceMap属性值设为false,打包后文件体积可以减少百分之八十

    转载于:https://juejin.im/post/5c9354f55188252d7a5c520f

    展开全文
  • vue 项目打包上线

    2021-05-11 15:01:02
    在根目录添加文件 vue.config.js module.exports = { publicPath: './' } 执行 npm run build

    在根目录添加文件 vue.config.js

    module.exports = {
    	publicPath: './'
    }
    

    执行 npm run build

    展开全文
  • VUE项目打包上线

    2018-12-19 15:42:02
    目前去哪儿项目已经做好,很多文件都是 .vue 结尾的文件格式,但是如果要放在服务器上需要用 index.html的文件, vue文件是不放在服务器中的 1、如何打包 1.1 在package.json中有一个build可以打包 1.2 使用...

    目前去哪儿项目已经做好,很多文件都是   .vue   结尾的文件格式,但是如果要放在服务器上需要用 index.html的文件, vue文件是不放在服务器中的

    1、如何打包

    1.1 在package.json中有一个build可以打包

    1.2 使用命令行语句   run npm build  会在项目根目录下生成一个dist文件夹,此时打开dist文件夹中的index.html打开时空的如下所示

    1.3 此时需要删掉dist文件夹,然后需要更改配置文件,在config文件夹下有个index.js,找到build中的assetsPublicPath,

    将"  '/'  "   修改为 "  './'  "

     

    1.4 ,然后再继续打包npm run build就可以了,此时1.2中的index.html就有内容了

    1.5  但是图中发现数据没有了,这是因为api后面的dataHome.json文件找不到了,这是因为此文件在根目录上。当项目上线以后就不能再用dist下static下的mock接口了,应该用公司后台给的接口。此接口部分前端暂时不用管(课程没有教,后续有进展再补帖子)

    然后将dist文件夹一并给后台,后台改一改就可以直接上线了

    展开全文
  • vue 项目打包 上线

    2019-01-02 10:38:39
    1,配置相关  hash:true 版本控制  ...我的项目中在如下设置了,所以只要把 "/api" 去掉就好了   2,打包,然后会生成一个dist文件夹 npm run build       3...

    1,配置相关 

    hash:true 版本控制 

     

    我们在开发模式的时候写axios时会在接口前面加一个"/api" 我们在打包之前同样要去掉,变成后端给的那种接口,这样在部署到服务器的时候,接口路径才能正确 

    我的项目中在如下设置了,所以只要把 "/api" 去掉就好了

     

    2,打包,然后会生成一个dist文件夹

    npm run build 

     

     

     3,将dist文件夹,放到tomcat服务器上,

    4,浏览器输入https://xxxxx.com/dist/就可以打开了

    展开全文
  • Vue项目打包上线

    千次阅读 2018-09-10 15:26:33
    1,在项目文件夹下运行npm run build 这行代码会把我们所编写的代码更改成浏览器能够识别的代码,同时也是压缩过后的代码 2,我们会发现在原来的项目文件夹中多出了一个dist文件夹,这个文件夹就是我们要放到...
  • vue项目打包上线过程以及问题1.打包上线过程1.1如何打包?2.打包期间遇见问题2.1 css,js等静态文件路径错误2.2 favicon图标问题 1.打包上线过程 1.1如何打包? A. 在项目的package.json文件中的build命令可以实现...
  • vue项目打包上线流程以及遇到的问题 1.打包上线过程 1.1如何打包? 在项目的package.json文件中的build命令可以实现打包。 在终端执行命令npm run build,会在项目根目录下生成一个dist文件夹,打开文件夹如图。 ...
  • vue项目打包上线优化与部署—踩坑 网上有很多优化手段,部分报错部分有效,所用脚手架不同配置也不同,所以我在此对vuecli3做一个踩坑以后的部署总结 用到的优化手段包括: 1.按需加载 //打包体积减少比较多 2.压缩...
  • vue项目打包上线后页面样式与开发页面不一致 原因: 打包的过程会进行优化,导致引入样式文件的顺序发生变化 解决办法: 将自己写的样式文件放在最后面,框架什么的放在前面 注意:每个组件的样式文件记得加上...
  • vue项目打包上线流程

    2020-09-25 07:59:23
    我们在完成项目打包上线的时候,会发现他的文件很大,这个时候我就需要对项目先做一些优化,优化之后在进行打包 一、项目打包之前的优化 1. 通过 externals 加载外部 CDN 资源 默认情况下,通过 import 语法导入的...
  • vue项目打包上线优化

    2020-12-15 22:27:54
    写过几个vue的案例也好,项目也好都没有真正上线, 就连公司的项目都是直接打包给后台统一部署, 因此打包相关经验比较少, 大学一直在做的一个个人博客在部署到阿里服务器以后访问一直都很慢(学生机带宽只有1M), 之前听...
  • vue项目打包上线步骤

    2021-03-28 17:24:10
    项目上线之前, 一定是先打包, 后上线!!! 打包的过程中, 会对代码进行压缩合并, 版本降级, 语法转换等… 1.异步组件配置(路由懒加载) 1.项目大了: 一上来加载所有的组件, 首屏加载就比较慢, 可以配置路由按需加载 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,033
精华内容 413
关键字:

vue项目打包上线

vue 订阅