首先,感叹一下,2019年已经过去一半,想想自己做了些什么,好像也没做什么. 今天试着配一个nginx,以前的nginx都是指向的/根路径,今天的nginx指向的非/根路径,遇到许多问题的,总结总结. 老规矩,先来点示例代码: nginx: server { listen ; server_name domain.com; location /path { alias "/your-project-file"; index index.html; try_files $uri $uri

系统环境:centos7.7  镜像image 版本:phpmyadmin/phpmyadmin(截止2020.01.10最新版) 参考文章:https://blog.csdn.net/a2589293499/article/details/102938724 一.根目录下的phpmyadmin访问. 1.查看版本. 2.拉取最新版本.视网络速度等待~~ 3.查看镜像. 4.运行.先启动一个临时容器,假设你已经有一个可ip连接的mysql数据库. docker run --name my_php

转: webpack + vuecli多页面打包基于(vue-template-admin)修改 遇见的问题TypeError: Cannot read property 'tap' of undefined 先看项目目录结构 :关于项目的修改及改造 再项目完事的时候会发布的 如果你也遇见这个问题的话 这一篇博客应该完全可以解决 问题描述: building for sit environment...D:EVDownloadadminMPAnode_modulesscript-ext-html

减小文件搜索范围 配置 resolve.modules Webpack的resolve.modules配置模块库(即 node_modules)所在的位置,在 js 里出现 import 'vue' 这样不是相对.也不是绝对路径的写法时,会去 node_modules 目录下找.但是默认的配置,会采用向上递归搜索的方式去寻找,但通常项目目录里只有一个node_modules,且是在项目根目录,为了减少搜索范围,可以直接写明 node_modules 的全路径:同样,对于别名(`alias)的配置

以往部署vuejs应用都是直接在nginx的location为/下直接部署,这次遇到要将vue应用部署在/vuejs-admin的非根下,使用以往部署方案直接访问就会404,这时修改步骤如下: 1.修改项目router配置,如下: 这里一是要修改router模式为history,另一个就是修改base地址为要访问的/vuejs-admin的地址,注意前后都有斜线 2.修改build下静态资源路径前缀 同上一部,这里要修改assetsPublicPath为/vuejs-admin/地址 3.执行v

从新建项目到设置打包环境 1.vue create vue-cli-env 2.新建 vue.config.js 文件,设置baseUrl: './' 3.新建各个环境的文件,例如:.env.development .env.test .env.production 4.在 package.json 中设置打包命令,例如:build:development build:test build:production,在执行命令的语句中设置 mode 环境,例如:--mode test 关于环境变量的

用vue2.0开发项目,使用npm run build 命令 ,但是只会生成dist文件夹,以下是生成zip压缩包方法 1,插件安装 webpack插件安装 filemanager-webpack-plugin,该插件可执行打包,复制,移动,删除文件以及新文件夹在build之前及之后创建. 安装:      npm install filemanager-webpack-plugin --save-dev  或 npm install filemanager-webpack-plugin --s

在使用cocos api的Downloader或者AssetsManager下载文件到真机Document目录时,如果是直接下载到document根目录,是没问题的,如果是下载存放到了某个不存在的子目录,比如Document/vvv/,这个vvv是不存在的,需要自己手动创建出来,不然可能会提示: The file “CFNetworkDownload_Gd8iA6.tmp” doesn’t exist 下面代码可以在document内创建目录: std::string localPath = F

1.问题提出 "习惯在项目目录里建src放源码文件,根目录里放配置文件或者别的什么,在交付时直接忽视掉src目录就行了,但vscode好像不能这样愉快的玩耍..."??? 要实现把源码放到src目录下,经过实践,要修改launch.json配置文件. 2.修改配置 原始文件如下: { "version": "0.2.0", "configurations": [ { "name": "Launch

1.问题提出 “习惯在项目目录里建src放源码文件,根目录里放配置文件或者别的什么,在交付时直接忽视掉src目录就行了,但vscode好像不能这样愉快的玩耍...”??? 要实现把源码放到src目录下,经过实践,要修改launch.json配置文件. 2.修改配置 原始文件如下: { "version": "0.2.0", "configurations": [ { "name": "Launch", &q

解决方案:使用externals引用第三方资源,防止element资源被打包到自己项目中,(总共修改3个页面index.html.webpack.base.conf.js.main.js) 1.修改index.html页面,再head中引入cdn. 2.修改webpack.base.conf.js文件.添加externals配置 externals: { vue: 'Vue', element: 'ElementUI', }, 3.删除main.js中的相应import from.因为如果不删除

一.命令 npm run build --report 该命令在打包完之后,可以分析包的大小(如下图),从而分析那一块打包太大了可以进行优化处理.

如果在根目录则添加 try_files $uri $uri/ /index.html; 如果不在根目录则添加,格式如下 location  /xxxx  { try_files $uri $uri/ /xxxx/index.html; } 具体看情况添加

nginx配置 location / { proxy_pass http://xxxx; } location /category { root /home/tv; index index.html; try_files $uri $uri/ /index.html; }

1.一般打包 :直接 npm run build.(webpack的文件,根据不同的命令,执行不同的代码的) 注:这种打包的静态文件,只能放在web服务器中的根目录下才能运行. 2.在服务器中 非根目录下 运行的 打包:需要配置 参考:https://segmentfault.com/a/1190000014561644 3.在本地文件系统中打开,不需要web服务器   暂时 不清楚 4.使用 history模式 打包的 配置 : http://tigerliu.site/2018/10/vue

在此之前,我们先谈谈前端项目的性能优化. 优化前端项目无非就是2方面的优化: 一.网络性能优化(重点) 减少请求数量(webpack的天职就是打包) 减少请求资源大小(压缩gzip,后端会完成) CDN加速.负载均衡(运维负责) 二.运行性能优化 减少DOM操作 减少图片数量 显而易见的,我们前端除了一些游戏.WEBGL项目.有大量DOM操作项目之外,运行性能都不至于太差,所以我们接下来谈论的是webpack对网络性能的优化: 主要从“请求数量”和“请求资源大小”入手,我们知道如果没有脚手架,一

入职一周后,上一个前端就离职了(超级坑爹的),留下了一个比较棘手的问题,就是基于vue-cli的项目打包超级慢,我接手项目的时候,打包需要45min(上个离职者也不知道原因),经过3个月之后,随着项目的不断迭代,打包的时间飙升到了2个半小时.为了解决这个问题,以前没有做过这方面的优化,在结合网上的一些优化博客,就开启了以下的优化之路. 一.怀疑vue-cli打包配置文件被修改过(不行) 基于此点的怀疑,使用vue-cli重新搭建环境. 步骤一:vue init webpack 项目名称. 步骤二

vue项目如何打包扔向服务器   当我们将 vue 项目完成后,面临的就是如何将项目进行打包上线,放到服务器中.我使用的是 vue-cli(simple) 脚手架,所以就讲一下如何将项目进行打包,并放到 tomcat 上.   如果是 vue-cli (非 simple 脚手架),这篇文章可能有点帮助.地址链接:vue-cli 如何打包上线   先来描述一下期间遇到的问题有哪些: 1.打包后将 dist 文件夹和 index.html 放到 tomcat,在浏览器中访问时,出现空白页,f12 提

前言 本文主要介绍SpringBoot的一些打包事项和项目部署以及在其中遇到一些问题的解决方案. SpringBoot打包 在SpringBoot打包这块,我们就用之前的一个web项目来进行打包. 首先需要明确的是,该项目打包的形态是可执行的jar包,还是在tomcat下运行的war包. 虽然本项目是用maven构建的,用maven打包也更加方便,但是这里也说明普通非maven打包的项目如何打包. Maven打包 首先是maven方式打包: 如果是jar包 需在pom.xml指定打成的包为: <

本文主要解决: 1.vue-cli默认配置打包后部署至特定路径下静态资源路径错误问题; 2.静态资源打包使用相对路径后css文件引入图片路径错误问题. 一.问题 vue-cli 脚手架生成的默认打包配置文件情况下运行 npm run build 打包后,部署项目至特定路径下:如://ip:port/public/springActivity/ 此时访问:http://ip:port/public/springActivity/index.html index.html 可以正常访问,但是引用的j

目录 一.Vue-CLI (一)环境搭建 (二)项目的创建 (三)项目目录结构 (四)Vue组件(.vue文件) (五)全局脚本文件main.js(项目入口) (六)Vue请求生命周期 二.页面跳转和传参 (一)页面跳转 (1)标签跳转 (2)逻辑跳转 (二)路由配置与传参 (1)无参数的路由配置 (2)有参数的路由配置 三.生命周期钩子 (一)概念 (二)方法 四.JS原型 (一)原型(对象属性) (二)原型链 (三)代码实现 一.Vue-CLI (一)环境搭建 安装node 官网下载安装包,