首页 > 其他分享 >前端项目部署之pushstate-server

前端项目部署之pushstate-server

时间:2024-07-04 18:52:35浏览次数:1  
标签:文件 dist 前端 端口 server pushstate js

pushstate-server

 

内部的原理是通过 connect 服务器,开启一个端口,将 dist/index.html 文件作为静态模板输出

这种方式可以将本地的项目打包成静态文件,以服务的方式提供出去, 方便后端人员调用, 而自己也不影响dev的开发

安装

npm install pushstate-server --save

 

基本使用:

1)
在你的vue 项目的根目录下 创建一个server.js文件,下面是其文件内容

var server = require('pushstate-server');
 
server.start({
  port: 3000,    // 指定的端口
  directory: './dist' // 一般会使用打包的目录
});
 
console.log('服务器启动发了)

2) 打开终端运行命令
node server.js

这个时候就可以把3000的端口提供给同事了

 

借用pm2完成代码的自动发布

 

标签:文件,dist,前端,端口,server,pushstate,js
From: https://www.cnblogs.com/xingxia/p/18284462/web_deploy

相关文章

  • 报名参课 | 解锁 Serverless+AI 新模式,拥有专属AIGC环境
    如今,Serverless被越来越多的企业所接受,并应用于业务实践中。科技的每一次进步都在更新着我们的工作模式,除了互联网企业最早“尝鲜”之外,传统企业也在探索大规模使用Serverless。越来越多人迈过了对Serverless技术的初级认知阶段,走向了落地实践。Serverless和AI大模型都是......
  • 前端-vue工程化-Pinia的使用
    先来看一下我们的文件夹吧:大多数vue3前端项目中都会有这样一个文件夹是用来存放全局变量的地方,用来做状态管理。我们项目中使用的状态管理工具其实就是Pinia,当然不是我推荐大家用的,这个有迹可循,因为Pinia是在Vue官网上被推荐的一种方式。下面截几张官网上的图片:然后给......
  • Windows Server2022怎么做文件共享?
    一、共享设置1、在打开的“服务器管理器”仪表板中,点击左侧菜单栏中的“文件和存储服务”-->“共享” 新建共享,我们这里使用“SMB共享-快速”、如果需要也可以使用“SMB共享-高级”两者各有侧重,看自己的实际需要:选择要共享的文件夹位置: 设置共享权限比较重要,我们要禁用......
  • 前端Ajax中请求数据中body和query传参的方法
    一、post请求可以传body和query两种形式的参数:【body传参】:$.ajax({type:"POST",url:"xxxxxxxxxxxxxx",data:{ids:tempID}...})【body传参,当要求传JSON字符串格式的参数时】:$.ajax({type:"POST",url:"xxxxxxxxxxxx......
  • web前端基础(一)
    文本标签:快捷键:<!DOCTYPEhtml><html>  <head>    <metacharset="utf-8"    <title>hellohtml</title>  </head>  <body>    <!--    1.常用快捷键    ctrl+s保存    ctrl+x剪切  ......
  • 前端与AI融合:打造图片识别应用
    前言在当今的技术环境中,人工智能(AI)与前端开发的融合越来越普遍。其中一个显著的应用是在图像识别中,AI算法可以检测和标记图像中的对象,增强用户体验,并在网站或应用程序上实现创新功能。下面将给出完成图片识别功能简易代码示例与讲解:先决条件:在继续之前,请确保您对HTML、C......
  • 前端存储数据
    前端常用的存储数据的方式有2种:本地存储:(localstorage、sessionstorage、cookie)Vuex容器:(state、geeter、mutations、action、modules)   vuex存储在内存;   localstorage(本地存储)则以文件的方式存储在本地,永久保存;   sessionstorage(会话存储),临时保......
  • 【实战经验】基于 centos9 安装和部署SoftEther Server 搭建异地组网
    场景描述: 本人长期在远程办公,需要在公司连接家里电脑办公,但是家里有公网IP,并可进行内网穿透,但是如果直接把设备的远程端口暴露在公网上想着不安全,已经被端口扫描了好几次,现在休息在家想着在家里服务器上搭建一个softetherserver,通过暴露1194端口实现,专用网络连接,再从专......
  • vue 运行npm run serve 出现 Starting development server... ERROR ValidationErro
    解决方式:报错信息不完整,但从给出的部分来看,这个错误与Webpack的进度插件(ProgressPlugin)有关。ValidationError:ProgressPluginInvalid表明进度插件配置无效或者不正确。解决方法:检查Webpack配置文件中是否正确引入并配置了进度插件。确保进度插件的使用方法符合最新版本的......
  • 若依框架前端表格自适应
    1.背景问题描述:如图,若依前端表格高度都是固定写死的,因此会出现底部空一部分,现在希望自适应表格,使得表格一屏展示,且在隐藏查询条件等操作,导致屏幕大小变化时,表格可以同步自适应。 问题现状:很多时候,前端开发都是尽可能本机调整到刚刚好的高度,但不同用户不同电脑分辨率和浏览......