标签 vue 下的文章

  • 📂vue项目内存溢出导致项目启动失败解决教程

    1、现象随着项目的拓展会出现vue项目启动内存不足导致启动失败,或者启动成功,开发过程中失败的情况Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory //无效的标记压缩接近堆限制分配失败-JavaScript堆内存不足 2、方案increase-memory-l...

  • 📂Windows下electron-vue开发环境搭建教程

    1、安装 Node.js。安装完成后,cmd下输入node -v 验证。这步注意:不要在自动安装python及其它构建工具上打钩,否则太占C盘空间,预计要3G,安装时间还长。2、建立自己的项目目录,然后进入目录。这步决定electron-vue项目的存放路径。3、安装 vue-cli终端输入 npm install -g vue-cli 进行安装,如果嫌速度慢,可以安装cnpm(淘宝镜像),...

  • 📂nginx部署使用history模式的vue项目详细配置【可多级目录】教程

    介绍本文是篇详细的介绍vue项目在history模式下发布时build,项目如何配置,nginx如何配置,才能正常的使用历史模式。或者在二级目录下,多级路径下也能正常使用历史模式。本文的例子中假设,nginx全部都是配置在 flytree.can 域名下。 且路由中配置有以下路径:const routes = [ { path: '/', redirect: "/index&...

  • 📂Vue 2.x windows环境下安装教程

    一.安装node(vue-cli需要)如果是干净环境的话,可以直接下载安装 官网地址:https://nodejs.org/zh-cn/ 推荐下载稳定版如果不确定是否安装过的话,在cmd中输入node -v 查看node的版本默认安装,可以修改安装位置,不一定要在C盘下默认的全局安装包,存放的位置在:C:\Users\用户名\AppData\Roaming\npm。 注意:存放在C盘下...

  • 📂nginx部署vue项目时build配置及相关指令说明教程

    vue配置注:由于项目里使用的是老版本的vue-cli,新版本@vue/cli配置会在旁说明。项目config配置老版本的配置文件在config/index.js中,如果是cli 3.x后续版本,需在项目 (和 package.json 同级的) 根目录中创建vue.config.js文件进行配置。const path = require('path'); module.exports = ...

  • 📂windows安装vue环境教程

    一、安装node.js下载地址:https://nodejs.org/en/download/下载后安装,注意不要装在c盘,一路next即可二、设置nodejs prefix(全局)和cache(缓存)路径npm config set cache "D:\Program Files\nodejs\node_cache" npm config set prefix &quo...

  • 📂面向 WEB 开发人员的 Docker(六):使用 nginx 部署静态网站教程

    以多维模型为核心,让工厂数字化转型升级“触手可及”!>>>上一期,介绍了使用docker部署开发wordpress,本期来介绍更加贴近前端开发的Docker使用。现在很多前端项目都使用vue,发布的时候将文件生成到默认的 dist 文件夹,本文将展示vue项目发布部署到Docker容器,文章涉及的命令都是基于配置好了docker环境,如果没有安装部署Docker,可以参阅《...

  • 📂gin加vue使用nginx代理部署服务器教程

    采用的是前后端分离,然后部署到一台服务器上,vue打包时基准路径打包为后端服务的地址不用加端口号,然后接下来主要是后端和服务器的操作: 可以使用goland连接服务器比较便捷 服务器是腾讯云服务器 centos7.6,1.服务器准备工作服务器安装mysql https://blog.csdn.net/EB\_NUM/article/details/105425622 修改密码...

  • 📂vue发布到nginx下访问资源404,或白屏问题教程

    这里先说404问题,比较简单就是vue中路由mode的问题 如果不嫌弃地址有#号的话就改成默认hash或者直接将这个属性删了就行,删了直接使用默认 如果说不想地址有#的话配置下nginx即可 nginx配置 try_files $uri $uri/ /index.html; 如果以上已解决您的问题可以不在往下看了,下面只是记录自己的一个踩坑过程,避免以后再犯 我的路...

  • 📂nginx部署多个vue项目教程

    需求描述在云服务器上部署两个vue项目浏览器访问 http://106.12.123.173 时,访问项目 itweb浏览器访问 http://106.12.123.173/dic 时,访问项目 itdic1. 上传vue项目将项目 itweb打包后,上传到云服务器后,目录为 /home/dist将项目 itdic打包后,将包名修改为dicDist,上传到云服务器后,目录为 /home/di...

  • 📂vue中的nginx的安装及应用教程

    vue中的nginx的安装及应用首先我们先下载nginx下载地址:http://nginx.org/en/download.html 下载完之后,进行解压,解压后就会得到相应的目录文件在控制台cmd中切换到此目录下,用start nginx启动nignx,然后就在页面中输入localhost,出现如下网页就说明安装成功,默认监听为8080端口号4、nginx命令介绍(1)start ng...

  • 📂vue nginx二级域名配置教程

    一般来说项目会有一个前台和后台,前台用一级域名,后台用二级域名,比如一个项目的域名是www.xxx.com,访问www.xxx.com时自然会访问到前台的首页,而后台一般是www.xxx.com/xxx,一级域名自然很简单,但是配置二级域名(后台)时,就会报js css的404错误在了解原因的时候我们先说一下nginx中root和alias的区别,root会根据完整的url请求来映射到目录中...

  • 📂nginx配置vue项目教程

    user nginx; worker\_processes auto;error\_log /var/log/nginx/error.log warn; pid /var/run/nginx.pid;load\_module /usr/lib/nginx/modules/ngx\_http\_naxsi\_module.so;worker\_rlimit\_nofile 65535;...

  • 📂linux环境部署springboot+vue项目教程

    项目部署是一个程序员必备的技能,当项目开发过程中,需要将项目部署在开发服务器上,进行自测,或协助运维,测试进行环境的搭建配置,学会了项目部署,你就是团队中最亮的那个仔。项目简介后端:springboot项目【打包为jar包】前端:vue项目【通过cli3搭建】目标服务器:liunx操作系统使用工具xshell:通过命令操作服务器sftp:上传安装包到服务器部署思路jdk、tomcat安装包下...

  • 📂vue build 与 nginx采用二级路由配置教程

    文章目录引言解决方案vue.config.jsnginx配置引言在项目中一个项目上存在多个子应用系统,对多个系统路径统一访问时用二级路由来区分对应的子应用,但是在开始的时候折腾了很久始终没得到解决。解决方案vue.config.js具体的详情参见:vue cli对应Dir配置module.exports = { /** * You will need to set publicPa...

  • 📂关于nginx配置vue项目页面刷新404教程

    最近项目使用的 "vue": "^2.6.11",vue.config.jsmodule.exports = { publicPath: "./", outputDir: "dist", //  构建时的输出目录 assetsDir: "static", //  放置静态资源的目录 lintOnSave: f...

  • 📂vue 在windows server2008 部署教程

    nginx服务器是一个轻量级、又简单的服务器,所以,对我来说,部署我的vue项目就选择它了。首先,下载nginx服务器,官网下载地址http://nginx.org/en/download.html。选择一个适合的版本,我选择的是1.12.2版本。下载完后,解压到自定义目录。目录结构如下:在根目录按住Shift 右键打开cmd,开启nginx服务:如果你碰到了0.0.0.80: failed...

  • 📂vue nginx.exe 配置跨域一直不生效教程

    原本这样配置后,一直start nginx.exe ,发现一直不生效。后在网友的提醒下说有时要把nginx的进程先全部结束掉,在重新启用

  • 📂vue打包并部署到centos7的tomcat教程

    1.使用下面的命令进行打包,会生成一个dist文件npm run build2.安装tomcatyum install tomcat3.切换到tomcat的安装目录cd /usr/share/tomcat4.查看,启动,停止,重启tomcatsystemctl status tomcat systemctl start tomcat systemctl stop tomcat sys...

  • 📂vue发布到nginx运行报错:We‘re sorry but agriculture doesn‘t work properly without JavaScript enabled.教程

    目录错误信息解决办法错误信息解决办法修改vue里面router目录下index.jsconst router = new VueRouter({ routes, mode: 'hash' // history 改为 hash }) 在vue根目录下新建 vue.config.js文件,直接复制下面的部分进去 module.exports = { // 基本路径 baseU...

  • 📂nginx同域名同端口配置多个vue项目教程

    第一步:vue项目打包前,更改publicPath,不同版本在不同目录下,2.X在build->config下,3.X在vue.config.js下,如下图设置,我的是3.0;打包。module.exports = { productionSourceMap: false, //减少打包后的.map文件 publicPath: '/web/', // 输出文件目录 o...

  • 📂nginx部署多vue项目教程

    nginx部署vue打完的zip包步骤1.如果单vue项目的话,只需要配置root就行,但业务上一般会多项目同时部署,所以需要加一些配置。 2.我也是配合安全测试时部署项目遇到的问题,所以分享出来,希望大家学到一点东西,避坑。废话不多说,上才艺。 3.nginx下载地址,尽量选择Stable version(稳定版) 4.具体的linux安装nginx步骤,可以参考linux安装...

  • 📂windows安装nodejs,验证可以vue-cli教程

    官网下载相应的包安装,指定d:/nodejs/ 文件,选择像选择app\_path这样可以直接把环境放进去npm config set prrfic “D:\nodejs\node\_global”npm config set cache “D:\nodejs\node\_cache” 创建失败就受手动新建node\_cache文件npm config set registry=http:/...

  • 📂vue项目打包本地后通过nginx解决跨域教程

    前言有时候我们打包好vue项目让后端人员部署项目时可能会有小插曲,为了不麻烦后端人员和避免尴尬,最好的办法就是在本地自己先测一下,而在本地运行打包后的项目会遇到接口跨域的问题。我平时经常用的方法就是配置nginx设置反向代理解决跨域问题。准备过程安装nginx,具体怎么安装部署可以参考 传送门准备打包后的vue项目 配置nginx编辑nginx.conf 配置文件 在配置文件中新增一...

  • 📂nginx部署前端教程

    部署环境:win10第一步:nginx下载下载地址:http://nginx.org/en/download.htmlnginx文件目录点击nginx.exe启动程序开启nginx,默认端口为80成功访问:http://localhost/第二步:编译前端项目前端采用vue框架进行开发,将项目编译成静态文件【html、css、js】vue项目目录结构修改位置1:config/index.js...

  • 📂hualinux 进阶 vue 5.4:用Element实现增删改查(五)vue实现代码教程

    目录一、运行环境1.1 安装vue router及axios 1.2 安装及引入element二、elemnet实现增删除改查代码三、运行效果-后端写了,现在写前端使用vue+vue router+element实现代码。在《hualinux 进阶 vue 5.1:用Element实现增删改查(一)需求及分析》已经做了分析了,在这里我就不再讲了,直接上代码。一、运行环境1.1 安装vue r...

  • 📂nginx如何部署vue项目教程

    一、安装windows系统的nginx,见如下地址:http://nginx.org/en/download.html一般下载稳定版的二、打包项目npm run build 生成dist文件三、将dist目录下的文件放在nginx所对应的html目录下1.记得先删除原本自带的css文件再粘贴继续html文件内部四、配置nginx的配置文件如下:五、在地址栏访问:http://localhos...

  • 📂解决vue打包history模式刷新页面404报错 nginx教程

    我的代码是放在网站根目录下,如果你的不是,则要修改对应的路径。前端配置:主要是vue.config.js和router.js ①、vue.config.js (如果你的路径不是网站根目录):则要添加publicPath: '/路径',如果是则不用修改 ②、router.js (如果你的路径不是网站根目录):则base:'/路径',如果是则如下图所示(我看别人这样写的我也不知道为啥)...

  • 📂Nginx一个端口部署多个前端项目教程

    场景根据路由不一样,在一个端口中,配置多个前端vue项目。配置vue项目打包 在vue.config.js中配置如下const isProduction = process.env.NODE_ENV === 'production' module.exports = { .... publicPath: isProduction ? './' : '/', } nginx配置ser...

  • 📂怎么部署前后端分离Springboot+vue项目到云服务器(CentOS7.3)上,从购买到部署完成详细教学!教程

    我知道,网上关于这类部署的教程已经写烂了,但是部分教程的内容只仅限于某个步骤,最近有些看了我博客项目的人也来问我这个问题。因此记录一下部署的详细步骤。目录一、购买服务器1.1 配置防火墙二、安装基本应用2.1 安装docker2.2 部署jdk2.2 安装mysql2.3 安装redis2.4 安装ELK2.4 安装nginx三、运行项目一、购买服务器链接: 阿里云学生机,没有买过服务器的可...