Vue 打包到服务器

最新推荐文章于 2024-04-30 15:32:08 发布
最新推荐文章于 2024-04-30 15:32:08 发布
阅读量473 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33514421/article/details/83829247
版权

本文讲的是vue项目放在虚拟服务器xampp上运行。

步骤

1、vue-cli安装好项目后，进入项目执行npm run build，会生成dist文件夹

2、在项目的config文件夹中修改index.js配置（改配置项如下）

assetsPublicPath: "./",

3、配置xampp虚拟服务器指向项目的dist/index.html，再访问这个虚拟服务器就可以了

Hillbox
关注
专栏目录
vue 打包后的文件部署到express服务器上的方法
08-29
本文将详细介绍如何使用Vue.js、Webpack和Express进行前后端分离的开发，并阐述将Vue打包后的文件部署到Express服务器的过程。 1. **Vue项目初始化** 使用`vue-cli`初始化项目是创建Vue应用的第一步。运行`vue ...
解决vue项目打包上服务器显示404错误,本地没出错的问题
01-22
2、运行，在本地运行没问题，接着打包上服务器，遇到404的错误，如下 这是webpack打包的结果，解决办法如下 1、修改build文件夹下的utils.js文件，大约在51行添加 publicPath:../../ if (options.extract) { ...
vue项目打包部署到服务器的方法示例
12-09
上上一篇我写过一些关于vue项目部署到linux服务器的文章，但是那是以node作为开发环境 pm2 守护进程的方式，让他能正常运行，可是还是出现了问题，因为属于与APP交互的页面，在webView中打开过慢，APP的用户体验非常的差，所以我查找了资料，改变了部署方式，接下来我介绍一下 这一次，我想Tomcat为例 我们先看一下Linux中 Tomcat下面的目录结构： 以vue-cli 搭建出来的手脚架 webpack的模板下的/config/index.js，这里可以看到assetsPublicPath这个键,而且还有两次，中间我自己挖过的坑我就不说了，这里要说的是，刚才两个键的后面都进
Vue打包项目，并部署到Linux服务器中(详细过程)
qq_45634989的博客
07-24 7003
Vue打包项目，并部署到Linux服务器中(详细过程)
Vue项目从打包到部署到云服务器上（踩了不少坑）
qq_41841048的博客
02-23 9638
你的Vue项目终于暂时告一段落了，但是我们都知道开发环境和生产环境的区别。我们平时都是在本地做开发，每次打开都是localhost:8080的，如果你想将它变成你的小网站呢？ 首先你看这篇博客必须要做的事情是： ①你有了一个可以正常运行的Vue项目 ②你有了服务器+域名（没有就去买，腾讯云） 我所访问的数据接口是自己写的，部署在本地服务器那里的 Node.js+Express+MongoDB（一会...
Linux服务器项目部署三（Vue项目打包运行）
RHeng的博客
07-16 2391
首先在Vue项目中的vue.config.js中加入服务器地址配置。然后在项目命令行输入打包命令。会得到一个dist目录，将dist目录上传到服务器找得到的地方放好（
vue项目打包后配置服务器地址以及接口超时时间，不需要再次打包
m0_59782019的博客
09-05 1024
vue项目打包后配置动态路由、接口超时时间，不需要再次打包
Vue项目打包部署到iis服务器的配置方法
10-16
Vue项目开发完成后，需要通过打包工具如Webpack将其打包成静态资源，以便部署到服务器上。IIS (Internet Information Services) 是Windows系统上的一种Web服务器。在将Vue项目部署到IIS服务器上时，会遇到一些配置...
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
11-20
我的猜想是proxy代理在本地环境下用的是localhost即127.0.0.1进行转发代理的，而部署到服务器后相当于换了个环境（ ip地址和端口已经改变 ），此时proxy代理就出错了。 解决方法： 地址错误了，那就换到正确的地址。...
如何将vue项目打包在服务器上运行
qq_43548154的博客
05-10 5352
这里使用node.js 的Express（web应用框架）来运行我们用vue写好的项目。 1.首先通过win10自带的远程桌面连接就能进入到windows服务器 2.下载node.js       进入官网下载 https://nodejs.org/zh-cn/download/ 我下载的是64为的msi的安装包格式 3.进入服务器安装node       把node的安装包 复制粘贴
Vue打包时配置
我的
12-19 743
#打包apk #修改路劲 router下加入 mode: 'hash', 服务器用 mode: 'history', #修改 confg文件夹下index.js  assetsPublicPath: '/'，改为'./' #修改 build文件夹下,utils.js    publicPath: '../../'...
vue打包部署到服务器，动态获取(修改)对应服务器的请求ip
m0_58622543的博客
08-24 3585
按照上述的步骤实现动态获取后，当token过期后，会触发一个重新登录的操作，当用户点击重新登录后，跳转登录页面，这时window.VITE_BASE_URL就获取不到了(判断时路径重定向后，清除了写入window的对象)，会导致请求接口地址错误。vue打包后的文件要部署到不同的服务器上，ip不同，每次部署都要修改对应服务器的ip后打包上线，所以会出现频繁打包的情况。2.在输入网址后就获取到网址栏的IP，还是在public文件夹里面添加一个js文件，index.html引入该文件。3.同思路1-第四步。
Vue项目部署到服务器（使用nginx）
Curry_2019的博客
04-14 1659
使用nginx部署vue项目到服务器，需要服务器先配置好nginx。
如何将vue项目打包在服务器上使用nginx运行，并使用反向代理解决跨域问题
qq_43548154的博客
04-20 5189
本文演示了如何将Vue项目打包并放在服务器通过ip/域名访问，并介绍了使用nginx简单配置解决前后端跨域问题。
vue 环境配置并配置打包命令(多个代理地址)。
CCKing7的博客
03-29 2481
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档。
手把手教你如何把vue项目打包后部署到服务器（小白教程）
热门推荐
Orange71234的博客
06-21 1万+
（5）输入用户名密码登录出现如下页面 ，点击左侧网站-->添加站点-->输入域名-->根目录地址会 自动生成-->点击提交-->站点创建成功。1.vscode打开你的vue项目-- >点终端 -- >输入npm run build 按回车进行打包；3.下载安装好软件后双击打开，选择SSH连接，填写如下信息，最后点击确定。（7）点击上传，按照下图方式上传之前打包好的dist文件夹下的内容，(2)查看服务器是否安装宝塔，如安装则出现宝塔面板命令，(3)输入14，查看并复制外网面板地址以及用户名，密码。
如何打包VUE3项目并且部署到tomcat服务器上运行
最新发布
m0_60689237的博客
04-30 2029
最近在学习vue时，发现一件非常尴尬的事情——那就是学了、写了这么久的vue项目，但好像还没有真正的将vue项目打包部署过。然后在尝试打包并部署vue项目的时候，遇到了一些问题，所以我对这些问题进行了总结，并分享给大家，希望能对大家有所帮助。
Vue项目上线打包好的文件如何在服务器上部署？
m0_74152912的博客
05-24 4158
【代码】Vue项目上线打包好的文件如何在服务器上部署？
本地开发的项目添加到svn服务器
Dexter's Laboratory
12-07 5692
首先需要在svn服务器上创建新的资源库,进入repo的目录中后,执行svnadmin create myRepo    //自己的资源库名称,通常个人来讲的话一个就可以了,然后可以在repo里面用文件夹结构进行划分整理进入到myRepo/conf文件夹下,分别修改用户信息和权限设置authz文件尾部插入[/] username = rwpasswd文件[users]下面插入username = p...
vue3打包部署到服务器
08-22
要将Vue 3项目打包部署到服务器，您可以按照以下步骤进行操作： 1. 在Vue 3项目的根目录下，打开终端。 2. 运行以下命令安装项目所需的依赖： ``` npm install ``` 3. 接下来，运行以下命令进行项目的打包： ``` npm run build ``` 这将在项目根目录下创建一个名为`dist`的目录，其中包含了打包后的文件。 4. 将`dist`目录中的所有文件上传到您的服务器。您可以使用FTP或其他文件传输工具来完成此步骤。 5. 在服务器上安装一个Web服务器，比如Nginx或Apache，并将其配置为将请求指向`dist`目录中的文件。 6. 启动Web服务器，并确保您的域名或IP地址能够访问到服务器。 7. 现在，您应该能够通过浏览器访问部署在服务器上的Vue 3应用程序。 请注意，具体的部署过程可能会因为您使用的服务器和工具而有所不同。如果您遇到任何问题，请参考相关的文档或寻求相应的帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值