使用 gradle 整合 vuejs 项目与 java 项目 前后端分离是个大趋势了，用 vuejs 去做前端比起 jsp 方式或其它模板方式做起来方便多了，这种隔离更加彻底。把后台做成一个纯 API 方式，只管理业务逻辑和数据，前端管 UI ，使用数据驱动的 mvvm vuejs 。 前端的测试也非常方便，在后台还没有完成的情况下，使用 vue-test-suit 做测试，后台和前端、测试职责更加清楚，减少代码互相打架的情况。 编译时整合 vuejs 和 java 的后端也很简单...
本文目的有两个，一、废掉单图上传，二、改造多图上传 大家都知道百度ueditor不是针对vue项目开发的，官方文档提供的源码包里有需要后端配置的接口，but到vue项目就不太好办了，网上有些文章也介绍了如何把这个编辑器整合到vue项目中去，但涉及到图片上传的部分都没用，ueditor.config.js中有个serverUrl配置项，作用就是设置图片上传接口，把后端给的接口填进去，结果是单图无法上传，多图可以上传，这里就是对单图和多图上传进行...
直接去git拉取脚手架即可，支持pm2启动。目前仅支持转发一个域名，后续会不断完善，喜欢的给个star啦～ 有疑问的可以在评论区留言～ 脚手架地址：https://github.com/BadMooncc/vue-server-middle
pycharm启动vue项目显示JavaScript版本不正确 Import declarations are not supported by current_javascript version解决方法：
用Docker+Nginx部署SpringBoot+VUE项目，以及部署mysql 所部署环境 jdk 8 mysql 5.7 springboot 2.2.6 centos 7/8 nginx 最新 后端端口 8091 前端不用管，vue打包的文件是放大nginx的html文件下部署MySQL 1.拉取mysql镜像 docker pull mysql:5.72.运行mysql docker run -d -p 3306:3306 --name mysql -e MYSQL_ROOT_PASSWORD=123456 mysql:5.7然后就可以远程连接， 密码是123456 主机名服务器ip部署SpringBoot项目 1.将applicaton...
目录 一、docker安装redis1、下载redis镜像2、在本地服务器创建conf和data目录3、进去conf目录，传输修改好了的redis.conf文件4、关闭防火墙5、启动redis镜像6、查看容器 二、docker安装nginx1、下载nginx2、启动nginx3、关闭防火墙4、查看启动的docker容器并测试 三 、nginx部署vue项目,映射本地目录到nginx容器6、启动nginx镜像7、准备vue项目打包好的静态文件8、修改nginx.conf配置文件8、重启nginx容器9、测试一、docker安装re...
目录打包vue项目转移文件修改配置文件重启nginx 打包vue项目 yarn build转移文件 将打包生成的dist文件夹复制到nginx目中的html文件夹中 修改配置文件 conf 目录下的 nginx.conf 文件server {listen 3100;server_name 127.0.0.1;location / {root D:/soft/nginx-1.18.0/html/dist; # 指定vue项目打包的绝对路径index index.html index.htm;}error_page 500 502 503 504 /50x.html;location = /50x.html {root html;...
第一步：vue项目打包前，更改publicPath，不同版本在不同目录下，2.X在build->config下，3.X在vue.config.js下，如下图设置，我的是3.0；打包。 module.exports = {productionSourceMap: false, //减少打包后的.map文件publicPath: '/web/',// 输出文件目录outputDir: 'web', } 第二步：配置nginx，伪静态设置，如下图，默认打开是前端，后台为admin，请注意root和alias的区别，简单的说，root会自动加上location后的路径，alias则...
nginx部署vue打完的zip包步骤 1.如果单vue项目的话，只需要配置root就行，但业务上一般会多项目同时部署，所以需要加一些配置。 2.我也是配合安全测试时部署项目遇到的问题，所以分享出来，希望大家学到一点东西，避坑。废话不多说，上才艺。 3.nginx下载地址，尽量选择Stable version(稳定版) 4.具体的linux安装nginx步骤，可以参考linux安装nginx完整步骤 5.单项目部署的话只需要:server {listen 80;server_name localhost;...l...
前言有时候我们打包好vue项目让后端人员部署项目时可能会有小插曲，为了不麻烦后端人员和避免尴尬，最好的办法就是在本地自己先测一下，而在本地运行打包后的项目会遇到接口跨域的问题。我平时经常用的方法就是配置nginx设置反向代理解决跨域问题。准备过程安装nginx，具体怎么安装部署可以参考 传送门 准备打包后的vue项目配置nginx编辑nginx.conf 配置文件在配置文件中新增一个server#新增一个服务server {listen 8088; # ...
一、安装windows系统的nginx，见如下地址： http://nginx.org/en/download.html 一般下载稳定版的 二、打包项目 npm run build 生成dist文件 三、将dist目录下的文件放在nginx所对应的html目录下 1.记得先删除原本自带的css文件再粘贴 继续html文件内部 四、配置nginx的配置文件 如下： 五、在地址栏访问：http://localhost:8081
?我知道，网上关于这类部署的教程已经写烂了，但是部分教程的内容只仅限于某个步骤，最近有些看了我博客项目的人也来问我这个问题。因此记录一下部署的详细步骤。目录 一、购买服务器1.1 配置防火墙 二、安装基本应用2.1 安装docker2.2 部署jdk2.2 安装mysql2.3 安装redis2.4 安装ELK2.4 安装nginx 三、运行项目 一、购买服务器 ?链接: 阿里云学生机，没有买过服务器的可以点击左边链接，现在是可以免费领取两个月2核4g的服务器，如...
nginx配置：server {listen 123;server_name 192.168.88.128;location /calledfront/trafficbg/public/ {proxy_pass http://127.0.0.1:8080/;proxy_pass_header Set-Cookie;proxy_set_header Host $proxy_host;}location /calledfront {root /usr/local/nginx/html/ctyuncss; #路径配置到vue项目的上层目录#index index.html index.htm;try_files $uri $uri/ /calledfront/index.html; #calledfront为vue项目打包后的文件夹...
1.修改vue.config.js 中的 publicPath 值 使名称与后面nginx配置的路径名相同 2.修改rotuer文件夹下面的index.js 新增base属性 3.npm 打包 4.找到打包后的dist文件夹下面的index.html文件，编辑状态打开 找到head标签 新增<meta base="/test/">标签 5.修改dist文件夹名称为test，与nginx名称保持一致 6.修改nginx配置 新增location 指定路径名 重启nginx服务。发版成功！
一、nginx配置server {listen 8085;server_name localhost;#此处加了/dev 前缀，则在项目vue.config.js的publicPath参数需要增加/dev前缀location ^~/dev/ { root /usr/share/nginx/html/dev/vuedemo;try_files $uri $uri/ /index.html last;index index.html index.htm;}# 接口api转发,在配置文件vue.config.js的devServer的应该为/api/location ^~/api/ {proxy_pass http://192.168.0.1:8088/;proxy_cookie_path / ...