vue项目无后台版本打包上传到服务器

已于 2024-06-25 17:22:22 修改
阅读量132 收藏
点赞数 2
分类专栏： Vue 服务器 文章标签： vue.js 前端 javascript
于 2024-06-25 17:21:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Zwwxd666/article/details/139964379
版权

打包项目

image-20240625171655415

也可以在文件目录下npm run build

生成dist文件夹

image-20240625171819064

将dist文件夹里的所有文件拷贝到站点的根目录，这里使用宝塔面板进行操作
前提你得先创建站点，域名绑定等操作
image-20240625171910933

image-20240625171934377

Zww0891
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue项目打包部署到与后台同一服务器上
暮子凡的博客
07-10 4051
打包前配置修改 将代理注释掉（同一服务器没有跨域问题不需要代理请求） 修改资源路径 publicPath为 “./”, module.exports = { publicPath: "./", //outputDir: "dist", // 输出文件目录 //assetsDir: "static", // 配置js、css静态资源二级目录的位置 devServer: { open: true, //设置启动项目时默认打开浏览器 // proxy: { //
vue项目打包部署到测试服务器（转载）
weixin_57988035的博客
12-20 3026
一、vue项目打包 1.运行项目终端，输入打包命令npm run build打包，打包成功之后会发现目录多了一个dist文件夹 二、下载nginx服务器，安装配置 官网下载地址：http://nginx.org/en/download.html，我下载的是1.8.1的版本 下载完后，解压，双击启动，任务管理器查看是否启动成功 或者使用cmd命令启动，先cd到解压的文件目录下，然后运行start nginx.exe 然后在解压的nginx文件目录下找到conf...
怎么把用vue写的前后台项目打包上传到服务器让其能访问
weixin_45463061的博客
08-19 2746
怎么把用vue写的前后台项目打包上传到服务器让其能访问
Vue项目打包到服务器后请求接口报错404
热门推荐
speano的博客
05-22 1万+
解决Vue项目打包到服务器后请求接口报错404问题。
vue项目如何打包扔向服务器 - Hi-Sen - 博客园
2301_82244509的博客
04-29 1067
然后将文件夹放到 tomcat 中，我将文件夹放到 tomcat 的 webapps 文件夹目录下：ok 部署完成,启动 tomcat，你会发现显示一个空白页，一些静态资源都是 404。5、解决空白页和静态资源无法引入的问题。1、首先空白页的问题，可以重 f12 中看出来都是绝对路径的原因，而我们打包后，应该的引入路径是相对路径，这时我们需要的是修改 index.html 页面。
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
11-20
本地开发没问题能正常请求到接口，部署后页面也能展示出来就是接口的数据请求不到 network一看是这么个情况 对比了本地的页面 可以发现是remote address出了问题。 经过查询得知：Remote Address代表的是当前HTTP...
SpringBoot + Vue 项目部署上线到Linux 服务器的教程详解
01-09
前言 给大家分享以下我是如何部署 SpringBoot + Vue 前后端分离的项目的，我用的 Linux 发行版是 CentOS7.5 有了一个基于 ElementUI 的电商后台管理系统，在...一、Vue 打包的项目如何部署？ 1.1 Vue 项目打包 温馨提
前端vue项目,后台新闻管理系统
07-19
总的来说，这个"前端vue项目,后台新闻管理系统"利用Vue.js的高效特性和json-server的便捷性，构建了一个能够处理新闻数据展示、交互和管理的系统。通过Vue组件化、Vuex状态管理、Vue Router路由控制以及Vue CLI的...
vue中实现上传文件给后台实例详解
12-01
在Vue.js中实现上传文件给后台是一个常见的需求，通常涉及到前端与后端的数据交互，以及对用户界面的处理。在这个过程中，FormData对象扮演了至关重要的角色。本文将详细讲解如何利用Vue.js、FormData以及HTML的...
Django+vue自动化测试平台（28）-- ADB获取设备信息
测试小老弟的博客
07-17 133
adb的全称为Android Debug Bridge，就是起到调试桥的作用。通过adb可以在Eclipse中通过DDMS来调试Android程序，说白了就是调试工具。adb的工作方式比较特殊，采用监听Socket TCP 5554等端口的方式让IDE和Qemu通讯，默认情况下adb会daemon相关的网络端口，所以当我们运行Eclipse时adb进程就会自动运行。
element-plus的el-table自定义表头筛选查询
i_am_a_div的博客
07-17 160
element-plus的el-table自定义表头筛选查询
TinyVue v3.17.0 正式发布，推出了一款基于 Quill 2.0 的富文本编辑器，功能强大、开箱即用！
OpenTiny的博客
07-17 656
本文由体验技术团队Kagol老师原创~我们非常高兴地宣布，2024年6月26日，TinyVue 发布了 v3.17.0 🎉。TinyVue 每次大版本发布，都会给大家带来一些实用的新特性，上一个版本我们重构了 chart-core，新增 CircleProcessChart 圆环进度图等6个新的图表组件，并增加了 Statistic 数据统计组件。表格图片超链接复制粘贴插入表情文件上传@提醒斜杆菜单v-auto-tip。
vue v-for动态渲染元素有的元素带书名号 有的不带怎么实现所有元素左对齐
m0_67841039的博客
07-17 64
如果书名号的宽度不固定，可以使用JavaScript来动态计算并调整样式。然后在Vue模板中使用。
vue+vite项目中跨域问题解决与跨域代理的两种方式原理详解
whs15193553607的博客
07-12 1292
（1） target参数：相当于是在代理地址（geoserver或者geoserverApi）前面拼接target代理后地址就是http://localhost:8080/geoserver或（2）changeOrigin参数：开启代理在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题；（3）rewrite参数：路径改写。
vue3 选项式生命周期API 和 组合式生命周期API 执行先后顺序
shengmeshi的博客
07-17 34
vue3 选项式生命周期API 和 组合式生命周期API 执行先后顺序
vue执行npm install问题idealTree:yudao-ui-admin-vben: sill idealTree buildDeps
yuan5025的博客
07-17 379
目前这个问题只在芋道源码yudao-ui-admin-vben碰到了，其他vue项目没用遇到过。
基于jeecgboot-vue3的Flowable流程仿钉钉流程设计器-支持VForm3表单的选择与支持
最新发布
宁波阿成的博客
07-17 171
基于jeecgboot-vue3的Flowable流程仿钉钉流程设计器-支持VForm3表单的选择与支持
vxe-grid 实现配置式form搜索条件 & form搜索条件框可折叠 & 配置式table
cimbala的博客
07-17 166
【代码】vxe-grid 实现配置式form搜索条件 & form搜索条件框可折叠 & 配置式table。
vue搜索框过滤--- computed、watch区别
学习笔记分享给大家
07-16 284
计算属性computed适用于需要基于其他数据动态变化，并且需要缓存的场景。侦听器watch适用于需要响应数据变化，执行异步或开销较大操作的场景。方法methods适用于定义组件的具体行为，包括事件处理和业务逻辑等。
vue3项目打包后部署到服务器 请求不到后台接口
05-10
如果vue3项目打包后无法请求到后台接口，可能是因为以下原因： 1.后台接口路径错误：部分服务器...总之，针对以上问题，需要逐一排查，逐步解决，才能保证vue3项目打包后正常部署到服务器并能与后台接口进行正常通讯。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值