windows系统上传vue2项目到服务器流程

最新推荐文章于 2024-03-23 11:48:37 发布
最新推荐文章于 2024-03-23 11:48:37 发布
阅读量224 收藏 1
点赞数
文章标签： 服务器 运维 nginx
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_73321385/article/details/131913440
版权

一、打包文件生成dist文件夹  npm run npm run build

二、使用xftp连接服务器

 

 

三、完成之后使用nginx将项目推送服务器

3.1将dist文件夹中的所有文件放在html中 

 

 3.2修改conf下的nginx.conf文件用记事本打开修改server中的配置信息根据自身情况修改

 

 

 四、保存之后重启nginx双击 屏幕一闪代表启动成功 也可以用命令重启

 命令启动 start nginx

 

AKA__一只羊
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
基于 vue-cli 2 实现，window环境下支持项目一键部署到 Ubuntu 服务器
03-01
基于 vue-cli 2 实现，window环境下支持项目一键部署到 Ubuntu 服务器。支持生成 zip 包 简化代理配置。支持本地测试访问生产包。基于 WinSCP 脚本支持一键部署
jenkins结合gitlab部署vue项目
11-25
每次向GitLab仓库提交代码时，Jenkins会自动拉取最新代码，构建Vue项目，然后将其部署到目标服务器。这个过程极大地提高了开发效率，减少了手动部署的错误。 在实际操作过程中，可能还会遇到权限问题、网络问题等，...
vue项目打包部署在windows或linux服务器上
sheng_xinjun的博客
09-30 5459
vue项目打包部署在windows或linux服务器上
Windows服务器部署前端vue项目
weixin_43193877的博客
03-03 1万+
阿里云Windows服务器部署前端vue项目 准备工作 下载node.js（略）http://nodejs.cn/download/ 下载Nginx http://nginx.org/en/download.html Nginx安装启用方法参考：参考1、参考2 注意：刚下载完Nginx后，没有配置环境变量的情况下，需要去Nginx文件下使用命令窗口操作 Nginx 下载完后是这样子 把打包好的dist文件放入html目录下 找到conf/nginx.config文件，用文本方式打开，进行
vue项目部署windows云服务器(白嫖版)
最新发布
gvgjl的博客
03-23 513
今天来总结下，如何将vue项目部署至远端服务器之中--一个月白嫖版需要东西 1.nginx(远端运行你的项目配置文件，自行下载或者在我文章末端自取)2.云服务器。
【Gitlab+Windows Server】CI/CD实现自动化部署vue+springboot项目(若依前后端分离)到Windows Server服务器
baidu_34861695的博客
01-18 1819
gitlab + gitlab-runner + windows server + vue + springboot 的CI/CD自动化部署 没有使用docker，比较简单，适合小项目
Vue项目怎样打包并部署在WindowsServer服务器通过IP访问
BADAO_LIUMANG_QIZHI的博客
07-14 3146
场景 Vue本地执行build之后打开dist目录下index.html正常访问： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/107332730 上面讲的将vue项目打包后在本地运行的流程与在服务器上部署基本相似。 注： 博客：https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。 实现 首先执行vue项目打包 npm r
minio免费文件管理器，windows版本，若依RuoYi-Vue-Plus框架使用，有需要的可以下载，因为官网下载特别慢。
09-18
将MinIO与RuoYi-Vue-Plus结合，可以轻松地在Web应用程序中添加文件存储和管理的能力，这对于需要处理大量文件的项目来说非常实用。 在提供的压缩包中，有以下几个关键文件： 1. **startminio.bat**：这是一个...
Linux系统快速部署前后端分离项目(Vue&Java)
03-23
【Linux系统快速部署前后端分离项目(Vue&Java)】是指在Linux环境下，将前端Vue.js应用与后端Java服务进行部署的过程。本教程适用于初学者，旨在指导如何在Linux系统上部署这样的项目，但不涉及如何创建虚拟机、购买...
Windows 下IIS 部署 VUE项目教程
zjl1353911的博客
04-07 5160
本文看完可以实现,在Windows 下IIS部署一个VUE 网站
Vue项目单独部署到服务器（Nginx在Windows下使用）
z18769643585的博客
03-05 2805
【Vue】vue，在Windows IIS平台部署
花北城的博客
10-16 4212
本专栏为 前端【Vue】专栏，主要介绍Vue知识点。对于刚进入计算机世界的学生来说，学习课本上的知识是远远不够的，并且国内教材偏旧，所以需要我们通过互联网自主学习。这里普及一个知识：HTML已不仅仅只能开发Web，也可以开发移动端（AndroidiOS），所以本专栏也会介绍 移动端的开发。我个人将移动端开发，分为两大方向：①原生开发最早一批，使用安卓开发工具包（Android SDK）和Java语言来开发App的方式。原生开发允许开发者充分利用安卓平台的功能和特性，以及庞大的安卓开发社区资源。
Windows server上用nginx部署vue3项目
syp_net的博客
08-03 1415
Windows server上用nginx部署vue3项目
若依（ruoyi-vue）后端部署windows系统 （一文搞通，从idea安装到打包部署）
Li_Ning21的博客
03-14 3588
本文主要将ruoyi-vue后端部署的资料汇集在一起，方便使用
vue如何打包上传至服务器?
dxn16638400024的博客
10-19 1504
请注意，上述步骤中的具体配置和操作方式会因为服务器环境的不同而有所差异。确保你已经熟悉和了解你使用的服务器软件，并根据实际情况进行相应的配置和操作。2.配置服务器：将打包后的文件部署到服务器上。具体的配置方法会根据你使用的服务器和部署方式而有所不同。3.上传文件：将打包后的文件上传到服务器上。4.启动服务器：启动服务器，让配置生效。具体的启动方式会根据你使用的服务器软件而有所不同。5.访问网站：在浏览器中输入服务器的域名或IP地址，即可访问部署好的Vue应用。目录下生成打包后的静态文件。
手把手教你如何把vue项目打包后部署到服务器（小白教程）
Orange71234的博客
06-21 1万+
（5）输入用户名密码登录出现如下页面 ，点击左侧网站-->添加站点-->输入域名-->根目录地址会 自动生成-->点击提交-->站点创建成功。1.vscode打开你的vue项目-- >点终端 -- >输入npm run build 按回车进行打包；3.下载安装好软件后双击打开，选择SSH连接，填写如下信息，最后点击确定。（7）点击上传，按照下图方式上传之前打包好的dist文件夹下的内容，(2)查看服务器是否安装宝塔，如安装则出现宝塔面板命令，(3)输入14，查看并复制外网面板地址以及用户名，密码。
将前端vue项目部署到服务器上（详细教程&各种bug解决办法）
wyhvivi的博客
12-22 3508
将前端vue项目部署到服务器上（详细教程&各种bug解决办法） 解决打包后页面空白，无法访问宝塔界面等问题，部署后页面500的问题。
springboot+vue 前后端分离项目怎么启动,怎么部署？vue项目windows linux部署 域名访问教程合集
热门推荐
孟秋与你的博客
07-25 2万+
注：导入项目教程 0基础适用 1.node,js是什么？ 如果说相当于java中的jdk 那就很清晰了，使js脱离浏览器 可以运行的环境，下载地址：https://nodejs.org/en/download/ 安装时默认会选择配置环境变量，或自己手动配置，安装完成后，cmd命令检验是否成功 注意是双横杆 2.idea 导入springboot+vue项目 springboot部署： maven路径修改 改成自己的对应路径！ （需网上 下载maven 注意maven需要配置环境变量） 打开项目之后
(十)打包和项目部署
weixin_45953482的博客
06-24 2067
在这一部分将项目打包上传,并且进行服务器部署网页所在url的协议, 域名, 端口号, 和Ajax请求url的协议, 域名, 端口号有一个对应不上, 就发生跨域三种解决跨域的方法需要前端和后端同时支持例子代码(看看就行, 不用尝试) cors方式 前端什么也不用做后端需要开启cors如果后端jsonp也不弄, cors也不弄, 就给你个接口地址 2、项目打包 npm run serve 是启动开发环境的服务器 (编写代码过程查看效果用) npm build 也是打包项目代码(但是会输出到dist文件
vue项目打包上传服务器
09-06
要将Vue项目打包并上传到服务器，您可以按照以下步骤进行操作： 1. 在终端中进入Vue项目的根目录。 2. 运行以下命令以生成用于生产环境的打包文件： ``` npm run build ``` 这将在项目根目录下生成一个`dist`...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值