vue项目打包上线

最新推荐文章于 2023-06-25 22:02:52 发布
最新推荐文章于 2023-06-25 22:02:52 发布
阅读量263 收藏
点赞数
分类专栏： vue 文章标签： vue 项目打包
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/one_four_two/article/details/89134215
版权

运行 cnpm run build命令之后会生成dist文件夹，文件夹下包含index.html文件和static文件夹、将这两个文件放在服务器根目录可以正常访问。
如果生成的文件不放在根目录下在运行 cnpm run build命令前需要修改config/index.js中的build项下的 assetsPublicPath选项。如果你要把build完的文件放在服务器根目录下单 project目录下则修改成

assetsPublicPath: '/project',

重新运行cnpm run build命令即可

Vue项目打包上线
VVVZCS的博客
09-10 4692
1，在项目文件夹下运行npm run build 这行代码会把我们所编写的代码更改成浏览器能够识别的代码，同时也是压缩过后的代码 2，我们会发现在原来的项目文件夹中多出了一个dist文件夹，这个文件夹就是我们要放到线上的内容 我们把这个dist文件夹给到后端的工作人员，后端的工作人员，后端的工作人员就会把这个文件挂载到后端服务器上 现在我们把dist文件夹里的内容放在htdocs文件夹...
VUE项目打包上线
u010611531的博客
12-19 1213
目前去哪儿项目已经做好，很多文件都是   .vue   结尾的文件格式，但是如果要放在服务器上需要用 index.html的文件， vue文件是不放在服务器中的 1、如何打包 1.1 在package.json中有一个build可以打包 1.2 使用命令行语句   run npm build  会在项目根目录下生成一个dist文件夹，此时打开dist文件夹中的index.html打开时空...
Vue项目上线打包步骤
qq_46034942的博客
05-15 6414
Vue项目打包上线
如何将自己写的vue项目打包上线
03-20
你可以使用以下步骤将自己写的Vue项目打包上线： 1. 在终端中进入Vue项目的根目录，运行命令npm run build。 2. 运行该命令后，Vue会将项目打包成静态文件并存储在dist目录中。 3. 将dist目录中的所有文件上传到...
vue项目打包后打开页面空白解决办法
08-27
Vue 项目打包后打开页面空白解决办法 在 Vue 项目开发中，经常会遇到打包后打开页面为空白的情况，本文将详细介绍解决这种问题的方法。 一、路径问题 在 Vue 项目中，index.html 文件中的内容都是通过 script ...
vue 项目上线打包
xkqbaiyuan的博客
04-14 311
步骤1 找到config 目录下的index.js，将productionSourceMap 设置成 true 在项目目录中执行npm run build ,会生成一个dist目录，然后把dist里面的内容复制到服务器里面即可（注意，只复制dist里面的static文件夹和index.html，不要dist文件夹） Markdown将文本转换为 HTML。 例如： ...
Vue 项目打包 及上线
LZW15082682930的博客
04-07 820
前言： 项目环境： 开发工具 Vs Code 本文演示项目由 vue-cli 脚手架创建的项目 Vue 2.0 创建项目 vue init webpack 项目名 vue init webpack my-project Vue 3.0 创建项目 vue create 项目名 vue create my-project Vue 2.0打包 1. 打开项目里面的README.md（或者在其他资料查看相关命令亦可） # admin > A Vue.js pr...
VUE 打包上线项目
m0_50641264的博客
08-05 166
VUE打包项目
Vue项目打包部署上线
林中明月间丶
12-11 723
打包部署生产环境之前需要修改两个配置文件： 修改一：build > utils.js(修改publicPath:"../../" , 这样写是处理打包后找不到静态文件的问题) if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: ...
vue项目笔记（31）-项目打包上线
从零出发
08-20 2603
项目打包上线 1、在项目终端中运行以下命令 npm run build 2、此后，项目会增加dist文件夹，该目录代码就是最终要上线的代码。 3、复制dist文件夹，交于后台开发人员，将代码放到后端的服务器上。 4、放置在后端的根目录下，也可以放置在指定的目录下。如果要放置在指定的目录下，我们需要在前端的config/index.js文件中做如下配置： build: { i...
vue3项目打包和上线
kanno的博客
02-08 5024
vue3项目打包和上线，以及打包上线遇到的问题
vue项目打包上线流程：
最新发布
qq_57414680的博客
06-25 174
因为项目打包之后脱离了脚手架，所以无法使用之前的proxy反向代理的方法，需要借助nginx进行反向代理，解决跨域问题，修改nginx配置，把接口请求指向目标服务器，重启nginx服务器。解决刷新路由404问题，修改ndinx配置，把前端所有的路径请求都指向index.html，然后重启nginx服务器。首先把路由模式修改成history模式，对vue项目进行打包分析，对体积较大的包使用cdn进行优化。使用nginx服务器进行部署，把dist文件上传到nginx指定的文件目录下。
vue项目打包上线流程
04-04
2. 执行打包命令：在项目根目录下执行打包命令，如npm run build或yarn build，等待打包完成。 3. 部署静态文件：将打包生成的静态文件（通常在dist目录下）上传至服务器的指定目录中。 4. 配置服务器：在服务器上...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值