我的设置： 在vue3中编译代码前需要在vue.config.js配置根路径，这样便可以正常页面。 例如，要访问的地址为http://www.test.com/myapp,需要配置 module.exports = {publicPath: "/myapp/",outputDir: 'dist',// 编译后文件目录 };将编译后的文件夹dist上传到服务器的nginx/html/myapp目录下， 出现问题： 当访问到http://www.test.com/myapp/login会导致页面404 解决办法: 1.配置nginx.conftry_files $uri /oauth/index.html;try_...
说明使用子目录方式部署，就是将nginx root配置到目录，目录下放多个项目，不需要配置到具体项目，最终使用目录访问。使用子目录部署不成功，基本上是因为资源问题。原本直接根目录访问，多了项目名，导致资源访问404。是否能用代理实现，我并没有成功，只代理了第一个页面，后续页面出现问题。nginx 配置目录解决资源问题*.js资源问题:webpack配置publicPath相对路径publicPath: './'，使用绝对路径都会从ip:port开始访问，所以导...
前言 献给和我一样懵懂中不断汲取知识，进步的人们。霓虹闪烁，但人们真正需要的，只是一个可以照亮前路的烛光 理论铺垫 1,wsgi：一种实现python解析的通用接口标准/协议，是一种通用的接口标准或者接口协议，实现了python web程序与服务器之间交互的通用性。 利用它，web.py或bottle或者django等等的python web开发框架，就可以轻松地部署在不同的web server上了； uwsgi:同WSGI一样是一种通信协议 uwsgi协议是一个uWSGI服务器自...
一、需要准备的东西 （1）nginx服务器； （2）打包好的vue的dist文件和springboot项目的jar包； （3）jdk的安装； （4）mysql数据库的安装。 二、部署步骤 第一步：安装好jdk，配置好环境变量，安装好mysql数据库，设置好账户密码； 第二步：新建一个springboot项目（以登录校对账户密码为例），配置好数据源； 项目启动类：实体类：封装返回类：controller层：Service层：dao层：mapper文件：application.yml文件：第三步：新建一...
vue 工程打包：vue.config.js 配置文件 publicPath: ‘/’ 修改成 publicPath: ‘./’ router.js 实例中mode 修改成’hash’ 指定打包操作 npm run buid:prod 根目录下生成文件格式如下: windows安装nginx并部署vue工程: 官网下载nginx: nginx.org 下载，选择windows版本，生成nginx-1.19.6.zip，并解压。 1.进入解压目录:cd nginx-1.19.62.启动nginx， 后台查看nginx进程:start nginx.exetasklist /fi "imagename eq ngin...
引言 谔码者最近想做一个自己的项目，因为是后端程序猿，所以前端就用了ElementUI 本地项目结构如下： 前端页面引用如下：<link rel="stylesheet" href="static/element-ui/lib/theme-chalk/index.css"><script src="static/js/vue.js"></script><script src="static/js/jquery-3.3.1.min.js"></script><script src="static/element-ui/lib/index.js"></script><script type="text/javascript" src="static/js/axios.js"></script...
一、分析准备 接上文，我们的前端代码是通过git管理的，需求是通过Jenkins拉取前端VUE代码并且编译生成待部署的部署包。经过分析，我们需要做如下的准备： 1、Jenkins的机器能拉取git代码并编译；——已完成 2、Jenkins的机器能通过SSH连接项目所在的windows server服务器；——已完成 3、新建Jenkins任务将编译、部署串起来；——本期目标 PS：项目的情况如下Jenkins机器1台，部署在windows机器项目语言 VUE纯前端项目部署服务器...
文章目录 前言安装NginxVue项目部署前言安装Nginx 1、下载Nginx http://nginx.org/en/download.html 2、上传 可以使用XShell+XFtp工具上传到/usr/local目录 或直接下载 wget -c https://nginx.org/download/nginx-1.12.0.tar.gz3、解压 tar -zxvf nginx-1.12.2.tar.gz4、安装相关的依赖工具 yum install -y gcc-c++ yum install -y pcre pcre-devel yum install -y zlib zlib-devel yum install -y openssl openssl-devel5、配置 ...
0 环境服务器：阿里云服务器操作系统：centosssh ：xshell后端语言：djangopython默认版本：3.6.8 1 导图 环境基础+部署流程 2 xhsell安装和配置 xshell安装包+配色方案下载 xshell安装 使用遇到的问题 + 配色方案 3 激活python环境 参考文档 1 环境安装 pip/pip3 install virtualenv 2 创建目录 ? 若想virtualenv使用系统全局模块,virtualenv --system-site-packages myprojects ? virtualenv myprojects 3 环境激活 source mypro...
vue自动部署windows 安装jenkins1.下载jenkins msi文件2.安装1.需要账号密码，选择本地账号密码就行。2.其他按next走就完事了。3.解锁添加项目1.添加项目2.linux 下载安装node。Npm3.项目添加wehook安装jenkins 1.下载jenkins msi文件 2.安装 1.需要账号密码，选择本地账号密码就行。 2.其他按next走就完事了。 3.解锁 根据提示输入密码 等待安装完整，后面根据提示设置账号密码，保存并完成就行。 添加项目 1.添加项目2.linux 下载...
安装nginx apt-get purge nginx nginx-common 进入nginx配置文件，配置nginx cd etc/nginx/sites-enabled sudo vim default 进入default，点击i打开编辑模式，主要配置端口，文件位置和接口地址，如下图： *所配端口必须保证是放行状态 netstat -aptn 查看所有放行的端口号 sudo ufw enable allow 8888 放行指定的端口号 *配置项目路径 root后面为vue项目在该服务器的路径，我的路径是/home/ubuntu/youjiTest/dist *配置接口地...
vue cli 4.x 构建的前端项目在本地调试无问题，但部署到服务器后，无法正常访问。 网上很多说 “问题出在vue项目中，在router文件夹的index.js文件中，将mode修改为hash模式即可，如果使用的是history，那么需要后端进行配置。” 这里说下我的解决过程一、部署到服务器出错 “We’re sorry but project-name doesn’t work properly without JavaScript enabled. Please enable it to continue.” 二、错因分析 可以发现，项目打包...
（一）新建vue项目npm install -g cnpm --registry=https://registry.npm.taobao.org 安装cnpm淘宝镜像 cnpm install vue 安装vue，查看vue -V npm install -g @vue/cli 或 cnpm install --global vue-cli 安装cli vue init webpack prjName vue新建项目(vue2) vue create pgjName ...
一、安装nginx #设置源 sudo rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm#安装 yum install -y nginx#启动服务 systemctl start nginx.service#关闭服务 systemctl stop nginx.service#开机自启 systemctl enable nginx.service二、部署时可能会发现资源路径不对 ,只需修改文件资源路径更改config文件夹下index.js(config -> index.js -> build对象)资源发布路径# chan...
环境搭建 1.安装Linux，这里我用的阿里云服务器，CentOS7版本 2.进入Linux，安装Docker，执行以下命令 sudo yum update #更新一下yum包 sudo yum install -y yum-utils #安装 yum-utils，它提供了 yum-config-manager，可用来管理yum源 yum -y install docker-ce #安装Docker yum list installed | grep docker #查看是否成功安装Docker如果提示No package docker-ce available则执行 sudo yum-config-manager --add-repo https:...