前后端分离，vue前端提供静态页面，且可以向后台发起get，post等restful请求。 django后台提供数据支撑，返回json数据，返回给vue，进行数据页面渲染 后端 创建虚拟环境 解决django文件的环境依赖 pip install 环境依赖包 (通过windows转至linux环境下 处理windows环境下环境依赖??? (pip freeze >? requirements.txt : 将windows下python所需要的包 写入requirements.txt中 在linux中通过命令安装 pip3 install -r? requirements....
部署环境： 1. linux redhat 7.1 2.python 3.6.3 3. vue 4. nginx 5. gunicorn 6. supervisord 安装： 一. 基础环境安装 1. python3.6.3安装 下载python3.6.3安装包，下载地址：https://www.python.org/downloads/release/python-363/ 解压，编译安装，不多加赘述，安装成功后setuptools也会安装，pip3自行安装 2. django 环境部署如果是gitlab服务器，git clone项目地址到部署服务器，如果不是打包上传源项目包，解压安装依赖环境...
django代码 https://files.cnblogs.com/files/pyyu/luffy_boy.zip vue代码 https://files.cnblogs.com/files/pyyu/07-luffy_project_01.zip一、将代码搞到服务器上在linux上直接下载 wget https://files.cnblogs.com/files/pyyu/luffy_boy.zip wget https://files.cnblogs.com/files/pyyu/07-luffy_project_01.zip在window上下载，通过lrzsz，或者xftp传输到linux服务器上二、先从前端vue搞起 要在服务器上，编译打包vue项目，必须...
有一天，老男孩的苑日天给我发来了两个神秘代码，听说是和mjj的结晶 超哥将这两个代码，放到了一个网站上，大家可以自行下载路飞学城django代码 https://files.cnblogs.com/files/pyyu/luffy_boy.zip vue代码 https://files.cnblogs.com/files/pyyu/07-luffy_project_01.zip一、将代码搞到服务器上在linux上直接下载 wget https://files.cnblogs.com/files/pyyu/luffy_boy.zip wget https://files.cnblogs.com/files/pyyu/07-luff...
环境描述 本次环境是通过jenkins编译npm run build 或者UMI_ENV=dev umi build 生成dist目录通过Dockerfile build一个新镜像上传私服通过swarm集群service运行镜像，使用与swarm一个net下的nginx代理访问的。 [root@jenkins-master DEV-sk_platform_brand_common]# cat DockerfileFROM basic-registry.xxxx.com/skong/nginx###继承自centos镜像 MAINTAINER waitfish from litx_sean####创建者信息 COPY publish/ /data/web/COPY ...
有小伙伴私信问我vue项目是如何进行前后端不分离打包发布的，那我岂能坐视不管，如此宠粉的我肯定是要给发一篇教程的，话不多说，开始操作 前端假如我们要发布我们的Vue项目，假设我们前端用的是history路由(要发就发个全套的)，并且在后端带有一个二级目录，以便于可以在服务器上部署N个项目，在这里后台服务器的话，我用Nginx服务器来给大家模拟，接下来就面对疾风吧：一、在这里我前端vue项目使用vue cli脚手架进行搭建的，后台...
系列文章目录第一章 Ubuntu部署Jenkins服务端第二章 Linux节点的Python服务自动化构建第三章 Windows节点Python服务自动化构建第四章 Vue服务自动化打包构建第五章 监控服务自动化构建 文章目录 系列文章目录 Vue服务自动化打包构建 构建参数 构建环境 构建构建任务 构建时的效果Vue服务自动化打包构建 下面关于vue的构建以 Windows+Apache+NodeJS 实现，后期会完善 Linux+Nginx+NodeJS的自动化构建 节点配置、SVN配置、任务创建等...
公司让用vue重构一个angular项目，需要可以在新旧版本间切换，慢慢过渡到只用新版本。 查询Nginx配置，得知 想要在同一个域名下部署多个前端项目，通过不同url来区分调用相应前端项目。比如：部署项目a，项目b。想要效果如下。浏览器输入：http://localhost:8082/a/，展示项目a。浏览器输入：http://localhost:8082/b/，展示项目b。 这样两版共用一个域名，那么这个域名下的cookie等登陆信息就可以共用了，切换版本不用重新登录。 ...
前端vue项目打包build之后，把生成的dist里面的文件全选复制一份 在tomcat的webapps文件夹下，新建一个项目文件，把复制的内容粘贴进去 如果有需要的话，在conf文件夹下的server.xml的下添加配置指定访问路径 在Connector标签中配置端口号
此文适用于 vue-cli 创建的 vue 项目 可能不适用于 vue-vite 脚手架创建的项目 先按我另一篇随笔搭建生产环境https://blog.csdn.net/weixin_38848757/article/details/114325932 开发目录下运行如下命令打包项目源码 npm run build 将打包好的生产代码上传至服务器，假设目录为/usr/local/projects/project_1/dist，配置nginx.conf # find /usr/local -name nginx.conf vim /usr/local/nginx/conf/nginx.conf 将server=>locatio...
最近把打包的vue 文件部署到 服务器nginx ， 刷新后发现 跳404 页面， 开始还以为动态路由没加载成功， 后来发现原来是 history 模式 和 hash 模式的问题 hash模式打包部署上服务器刷新是没有问题的， vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。 但是历史模式访问的是服务器的资源，而 vue 项目打包后只有 index.html 的入口 但路由改变了，服务端便会招不到...
分析原因 vue打包后js文件会带有hash值，重新部署后，之前js替换为最新打包的js，就导致切换路由等一些需要引入项目打包拆分出来的js文件时会请求不到资源，导致跳转失效等问题。 解决办法 1.监听js文件是否引入失败，失败后重新刷新页面(window.reload或者location.href到要跳转的路由地址(通过router.beforeEach可以设置到全局)),这样js文件引入就会是最新的地址。window.addEventListener('error', (error) => { if ( !/SyntaxE...
public目录下的index.html原配置，icon图标不显示，netWork也不加载favicon.ico 解决方法：将上面圈住的内容加上/,如下即可<link rel="icon" href="<%= BASE_URL %>/favicon.ico">
问题描述：前端同事使用Vue.js框架，利用vue-route结合webpack编写了一个单页路由项目，运维协助在服务器端配置nginx。部署完成后，访问首页没问题，从首页里打开二级页面没问题，但是所有的二级页面打开后，再次刷新，就会出现404现象！如下： 问题原因：刷新页面时访问的资源在服务端找不到，因为vue-router设置的路径不是真实存在的路径。如上的404现象，是因为在nginx配置的根目录/Data/app/xqsj_wx/dist下面压根没有loading这...
基于Vue和Quasar的前端SPA项目实战之docker部署（八）回顾通过上一篇文章 基于Vue和Quasar的前端SPA项目实战之业务数据（七）的介绍，crudapi-admin-web基本功能全部实现了，本文主要介绍前端打包和docker部署相关内容。简介Docker是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中，然后发布到任何流行的 Linux或Windows 机器上，也可以实现虚拟化。容器是完全使用沙箱机制，相互之间不会有任...