- 1、本文档共18页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
开源项 ⽬学习-V部落
开源项 ⽬-V部落
⼀、前期⼯作(此处只是展⽰如何开启前后端⼯程) :
1. IDEA创建Springboot⼯程
⼯程名 :v-springboot
2. VSCode创建Vue-cli3⼯程
1) node.j s安装
2) 安装vue-cli3脚⼿架
npm install -g @vue/cli
3) 安装vue-cli服务
npm install -g @vue/cli-service-global
4) 创建v-vue⼯程
vue create my-proj ect
若出现错误 :管理员运⾏powershell并设置set-ExecutionPolicy RemoteSigned为true
⼆、登录模块
1. 前端⼯作流程
启动前端和后端,前端初始化地址 :
http://localhost :8080/
⾸先看前端的路由地址,位于router(对⽤的插件--vue-router)下的index.j s :
{
path: /,
name: 登录,
hidden: true,
component : Login
}
前端是如何先到登录的这个路由的呢?如下图:
1) 前端命令
npm run dev
对应的脚本命令
dev: we pack-dev-server --inline --progress --config uild/we pack.dev.conf.js,
因此对应的基本配置为 :
uild/we pack.dev.conf.js
看此具体配置
use strict
const utils = require(./utils)
const we pack = require(we pack)
const config = require(../config)
const merge = require(we pack-merge) // 合并配置的
// dev和pro通⽤的配置
// 1. entry : ⼊⼝,此处指定了这个程序的启动⼊⼝:./src/main.js
// 2. output : 出⼝,根路径下的index.js
// 3. resolve: 配置 We pack 如何寻找模块所对应的⽂件,⽂件拓展后缀
// 4. module: 模块系统,rules :⼀些资源匹配的必要规则
const aseWe packConfig = require(./we pack. ase.conf)
const HtmlWe packPlugin = require(html-we pack-plugin)
const FriendlyErrorsPlugin = require(friendly-errors-we pack-plugin)
const portfinder = require(portfinder)
// 根据 process.env.HOST 的值判断当前是什么环境
// 命令 :npm run uild -- test ,process.env.HOST就设置为 :test
const HOST = process.env.HOST
// 端⼝号
const PORT = process.env.PORT Num er(process.env.PORT)
// 开发环境的基本配置
const devWe packConfig = merge( aseWe packConfig, {
module: {
// 新增的css匹配规则
rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true })
},
// cheap-module-eval-source-map is faster for development
// 跨域的⼀些配置
devtool: config.d
您可能关注的文档
- 湘少版一年级上册教案Unit-8.doc
- 湘少版一年级上册教案Unit-5.docx
- 湘少版小学英语二年级上册unit-1教案.docx
- 高校期末考试工作总结范文.docx
- 委托付款协议范本(标准版).docx
- 少先队大队部总结.pdf
- 中心小学国家义务教育质量监测工作总结范文.docx
- 居家隔离医学观察告知书.docx
- 技术进步对产业结构的影响.pdf
- 影视鉴赏教案.pdf
- 浙江省临海市白云高级中学2025届高三历史3月月考试题.doc
- 云南拾谷县第一中学2024_2025学年高二物理上学期10月月考试题.doc
- 2025版高考生物总复习第13讲基因的分离定律教案苏教版.doc
- 湖北省黄石实验高中2024_2025学年高一历史下学期期末考试模拟卷.doc
- 通史版2025版高考历史大一轮复习专题七近代化的曲折发展__中日甲午战争至五四运动前4第4讲从维新思想到新文化运动课后达标检测含解析新人教版.doc
- 2024年高考数学考试大纲解读专题04导数及其应用含解析文.doc
- 河南省许汝平九校联盟2024_2025学年高一语文上学期期末考试试题扫描版无答案.doc
- 江西省吉安市吉水县第二中学2024_2025学年高一历史上学期第二次月考试题.doc
- 北京市平谷区2025届高三政治一模考试试题含解析.doc
- 2025届中考物理第四讲物态变化专项复习测试无答案新人教版.docx
文档评论(0)