1、dev-server.js 是webpack打包入口，所以在这个里面引入模拟数据2、dev-server.js里面调用数据，记住要写在var app=express()后面，不然会出错3.原文：http://www.cnblogs.com/zhaobao1830/p/6411798.html
在如今前后端分离，各种框架盛行的前端界，对项目的打包要求也越来越复杂，本人分享一个vue项目里，根据命令行输入不同的命令，打包出不同环境域名的方法。（欢迎纠错，谢谢。）1. 安装插件 cross-env，npm install cross-env --save -dev，用于配置命令行输入命令。2. 修改package.json里的script命令： 配置了test（测试），ready（预发布），prod（正式）三种环境，npm run build 默认设置成 npm run build:prod，也可以根据...
使用:transfer="true" 原文：https://www.cnblogs.com/cxwg/p/11670176.html
1、安装node.js（https://nodejs.org/en/），将安装目录配置到环境变量PATH；2、检查安装情况： 2.1）node -v 2.2）npm -v3、安装淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org 可以使用cnpm替代npm4、安装vue-cli：cnpm install -g vue-cli5、创建项目 5.1）进入工程目录：vue init webpack 工程名 5.2）根据提示输入相关信息6、启动项目 6.1）进入工程目录，安装项目的依赖：...
项目中图片都放在src/img文件夹，img和background-image引用都用相对路径，即../../这种形式 在打包build的设置路径assetsPublicPath: ‘./‘，然后那些没有转成base64的背景图都失效了，，路径。处理方法： 使用require引入图片img标签 <img :src="require(‘assets/img/header/search.png‘)">背景图 <div :style="{backgroundImage:‘url(‘+require(‘assets/img/common/bg.png‘)+‘)‘}"></div> 原文：http://www.cnblogs...
一，NetCore后台接口部署1，在后台发布包中找到“appsettings.json”文件并用记事本打开，根据当前要连接的数据库类型启用相应的数据库类型配置（启用“oracleAMSContext”还是“mysqlAMSContext”），并修改相应的数据库连接串信息；2，IIS建立相应的后台项目网站，地址指向发布文件夹，记住所配置的地址IP和端口号等信息（后续部署前台需要用到）；3，修改后台对应的应用程序池，.NetCLR设置为：“无托管代码”，托管管道模式设置...
一.环境搭建1.安装node官网下载node.js, https://nodejs.org/en/download/ 2.安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org3.安装vue项目脚手架cnpm install -g @vue/cli4.在2或3终端安装失败时，可以清空 npm缓存 再重复执行失败的步骤npm cache clean --force二、项目的创建1.在cmd运行下进入想要创建项目的文件下>: cd ***2.创建项目vue create 项目名3.项目初始化1.选择第二个选项Manually，手动...
本文首发于：https://www.hoscen.cn/blog/hao/articles/189764486901530624.html作者：小郝不负流年更多相关文章请访问 www.hoscen.cn------前言：大部分前端开发Vue用的工具是vscode 或webstorm ， 但是作为后端开发习惯了使用idea， 当然开发Vue也要用idea啦。前面已经讲到了《Vue入门篇：（一）环境搭建、项目创建、项目运行、项目打包》， 接下来就讲在idea开发vue项目的环境配置。配置过程：1、打开Setting > Plugins ， 搜索...
用ts开发项目变化还是挺大的由于 TypeScript 默认并不支持 *.vue 后缀的文件，所以在 vue 项目中引入的时候需要创建一个 vue-shim.d.ts 文件，放在根目录下declare module ‘*.vue‘ {import Vue from ‘vue‘;export default Vue; } 1，单文件组件导出对象写法变了原来直接export default {}现在导出也是一个对象，这个对象的写法完全变了，它不是es6的的写法，不是类似react那种写法而是ts的写法，准备的说更像强类型语言写法，很...
最近在做vue项目时，需要引入一个第三方的js文件，在index.html中通过以下方式引入JS文件编译后，就报了这个问题。 根据广大的网页的思路，导致这一现象的原因可能有以下几种：原因一.引用文件的位置不正确js文件放在static文件夹下和放在assets文件夹下的引用方式是不一样的。简而言之： 1.assets用来放置样式、静态图片，只要src下面的组件中用到的资源就放在assets中。 2.static用来放没有npm包的第三方插件，字体文件。 ...
自己搭建的Vue项目，没有使用vue-cli，引入elementUI时，使用的是webpack直接打包工具，发现字体图标丢失你记录一下解决办法：webpack module配置：(build目录下webpack.base.conf.js文件){test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,loader: ‘url-loader‘,options: {limit: 10000,name: utils.assetsPath(‘fonts/[name].[hash:7].[ext]‘)} }webpack 的utils.js 修改：（build目录下utils.js文件）if (options.extract) {return ...
前言 在快速开发框架-前端篇中少了一个章节，就是关于vue工程的一键发布脚本设计和实现。本文就在此展开，并部署到k8s环境中。传统部署方式与k8s部署区别 在没有使用k8s之前的前后端分离项目部署，一般是依托于宿主机上的nginx。前端静态资源走nginx,后端接口会使用nginx做代理。而此时，nginx是提前安装的，所以一键脚本并不会考虑nginx的安装与运行，只会将打包好静态资源放在指定目录。使用k8s之后，一键脚本会有的区别，除了打...
本篇文章主要介绍了vue项目优化之通过keep-alive数据缓存的方法，内容挺不错的，现在分享给大家，也给大家做个参考。<keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。prop:include: 字符串或正则表达式。...
<keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 <keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。 prop: include: 字符串或正则表达式。只有匹配的组件会被缓存。exclude: 字符串或正则表达式。任何匹配的组件都不会被缓存。通过vue提供的keep-alive减...
需求在开发vue的项目中有遇到了这样一个需求：一个视频列表页面，展示视频名称和是否收藏，点击进去某一项观看，可以收藏或者取消收藏，返回的时候需要记住列表页面的页码等状态，同时这条视频的收藏状态也需要更新, 但是从其他页面进来视频列表页面的时候不缓存这个页面，也就是进入的时候是视频列表页面的第一页一句话总结一下： pageAList->pageADetail->pageAList, 缓存pageAList, 同时该视频的收藏状态如果发生变化需要更新，...