-
小知识:nginx 部署 vue 项目找不到js css文件的解决方法
很多时候 npm run build 之后, index.html 文件中webpack 自动插入的 js 文件 css 文件的相对目录总是不对,发布到服务器上之后,nginx 找不到文件。 vue-cli@3 在 vue-cli@3 中你需要为你 webpack 插入到 index.html 中 的所有文件添加一个 baseU…- 7
- 0
-
小知识:nginx配置多个vue项目
需求 nginx 下配置多个 vue 项目 举例: blog: https://www.yoursite.com/blog test: https://www.yoursite.com/test vue项目中配置 vue-router 设置 base 路径 base: /blog/ config/index.js 修改 assetsPublicPath assetsPublicPath: /blo…- 5
- 0
-
小知识:使用nginx同域名下部署多个vue项目并使用反向代理的方法
效果 目前有 2 个项目(project1, project2),还有一个 nginx 自带的 index.html,我添加了对应的链接代码(稍后粘贴出来),为了统一管理子项目的路由。 我期望实现下面的效果(假设 ip: localhost,port: 8080): http://localhost:8080/ 进入最外层的 index.html http://localhost:8080/pro…- 4
- 0
-
-
小知识:详解用Docker搭建Laravel和Vue项目的开发环境
本文介绍了用docker搭建laravel和vue项目的开发环境,分享给大家,具体如下: 在这篇文章中我们将通过docker在个人本地电脑上构建一个快速、轻量级、不依赖本地电脑所安装的任何开发套件的可复制的laravel和vue项目的开发环境(开发环境的所有依赖都安装在docker构建容器里),加入vue只是因为有的项目里会在laravel项目中使用vue做前后端分离开发,开发环境中需要安装前端开…- 0
- 0
-
小知识:docker daocloud实现前端项目自动构建部署
项目的自动化部署在大公司或独角兽中用得比较多,相比来进行手动部署项目来说会更加高效。那么本文结合之前学习的docker知识点以及nginx来简单实现vuejs项目的自动部署,当然针对其他项目也类似。 运行环境 首先需要在服务器上进行docker、nginx、node等的安装。便于进行后续的操作。 通过docker拉取nginx镜像,命令docker pull nginx 通过vue-cli初始化一…- 5
- 0
-
小知识:手把手教你实现Docker 部署 vue 项目
1.写在前面: docker 作为轻量级虚拟化技术,拥有持续集成、版本控制、可移植性、隔离性和安全性等优势。本文使用docker来部署一个vue的前端应用,并尽可能详尽的介绍了实现思路和具体步骤,以方便有类似需要的同学参考。 docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的容器中,该容器包含了应用程序的代码、运行环境、依赖库、配置文件等必需的资源,通过容器…- 10
- 0
-
小知识:Docker镜像+nginx 部署 vue 项目的方法
一、打包vue项目 在开发完的vue项目输入如下命名,打包生成dist文件夹 ? 1 yarn build / npm run build 此时根目录会多出一个文件夹:dist文件夹,里面就是我们要发布的东西。 如果将该dist目录整个传到服务器上,部署成静态资源站点就能直接访问到该项目。 二、获取nginx 镜像 nginx 是一个高性能的HTTP和反向代理服务器,此处我们选用 …- 2
- 0
-
小知识:nginx通过https部署vue项目的完整步骤
本篇主要记录vue项目,通过nginx实现https部署的免费方案。主要参考步骤和关键点如下所示。 一、生成证书 进入nginx安装目录 ? 1 2 3 4 5 # 进入nginx目录 [root@hecs-402944 nginx]# cd /etc/nginx/ [root@hecs-402944 nginx]# ls conf.d fastcg…- 1
- 0
-
小知识:nginx部署vue项目,给访问路径加前缀的实现
Nginx安装与启动 去官网下载nginx压缩包,解压到电脑合适位置,我这放在D盘,目录是D:\nginx-1.21.6, 在这个路径,直接输入cmd,打开命令行,启动命令: nginx.exe 或者 start nginx 关闭命令 taskkill /f /t /im nginx.exe 改了配置文件,不需要先关闭再启动,直接重启,重启命令 nginx -s reload Vue增加访问路径 …- 0
- 0
-
小知识:apache下面二级目录部署react/vue的方法
本文主要是记录一下在apache二级目录上面部署react和vue项目。根目录下面部署很简单,但是在二级目录下就需要在webpack的配置或者vue-cli的配置文件以及路由组件做一些简单调整。由于mac系统自己带了apache,所以我们只需要开启就可以了。 配置apache 在终端中输入sudo apachectl start,然后在浏览器中输入"http://localhost&qu…- 1
- 0
-
小知识:Docker容器部署前端Vue服务(小白教程)
需要工具 Xftp Xshell 首先对前端项目进行打包:npm run build 打包完成 在项目中生成dist文件: 通过Xshell在/home目录下创建项目文件夹 mkdir xxxx(文件名) 通过Xftp将打包的dist文件上传到服务器的项目文件夹下; 利用Xshell在拉起nginx镜像 docker pull nginx 在项目文件夹下编写nginx config配置…- 0
- 0
-
小知识:使用Docker容器部署Vue程序
一、安装Nginx 我们部署Vue程序依赖Nginx,首先拉取Nginx的镜像,这里使用Nginx最新的镜像 docker pull nginx 如图所示 我们查看镜像 已经有了nginx镜像。 我们根据nginx镜像运行容器 docker run --name=nginx -d -p 4030:80 nginx 如图所示 然后在浏览器里面访问4030端口,验证容器是否运行正常 出现上面的截图,说…- 26
- 0
-
小知识:jenkins+docker+nginx+nodejs持续集成部署vue前端项目
最近比较闲,尝试了一下docker部署业务测试环境的前端vue项目,作此记录 这里我的环境是Jenkins+docker+harbor+nginx部署,但是由于此项目以节点形式加入jenkins,构建和部署都在一台,所以没有用到harbor,但是生产环境可能部署和构建不在一台,会需要先推送到harbor,也有详细步骤。 前提: 1安装好了jenkins, 2项目服务器以node形式加入Jenkin…- 0
- 0
-
vue在线聊天系统源码
技术栈vue.js+Element UI+node.js+socket.io+mysql 演示图: 下载地址: https://www.lanzouw.com/ijZqXw1vx6d- 4
- 0
-
Vue全家桶仿网易优选商城APP源码
Vue全家桶仿网易优选商城APP源码,只写了前端,用到的技术栈是Vue全家桶、mintUI、axios,没有实现后端接口,全部是抓包至网易商城App接口。 实现了挺多的功能的,比如首页、商品列表、商品分类、下单、购物车、个人中心、值得买功能模块等,小的功能模块,UI还原的还是挺漂亮的 使用方法: 1、将项目克隆下来 2、根目录 执行命令— npm i 安装依赖 3、安装完依赖,执行npm run …- 2
- 0
❯
个人中心
购物车
优惠劵
今日签到
有新私信
私信列表
搜索
扫码打开当前页
返回顶部
幸运之星正在降临...
点击领取今天的签到奖励!
恭喜!您今天获得了{{mission.data.mission.credit}}积分
我的优惠劵
-
猿优惠劵使用时效:无法使用使用时效:
之前
使用时效:永久有效优惠劵ID:×
没有优惠劵可用!