Configuration and use of webpack dev server

Continue with the previous one https://www.cnblogs.com/chenyingying0/p/12797474.html   Install webpack dev server cnpm i sebpack-dev-server   Modify package.json     Because the syntax of configuring environment variables on different platforms (such as windows and mac) is different, in order to write in a way compatible with multiple platform ...

Posted by hadeosdin on Wed, 29 Apr 2020 07:06:48 -0700

Spring Boot + Spring Security for automatic login

Automatic login is a very common function in software development. For example, we log in to QQ email: Many websites will see similar options when we log in. After all, it's a very troublesome thing to let users enter their user name and password. The automatic login function is that after the user logs in successfully, if the user closes the ...

Posted by mentalist on Tue, 28 Apr 2020 19:02:09 -0700

Challenge the funniest Vuex series of tutorials in the whole network: Lecture 5: little helper of Vuex

Two sentences first I've talked about the State, Getter, rotation and Action under Vuex. I don't know if you understand. Of course, if you want to master it skillfully, you need continuous practice and hands-on practice. In fact, as long as the four carriages are mastered, there will be no problem in dealing with some small and medium-sized pro ...

Posted by kilbey1 on Sun, 26 Apr 2020 19:00:04 -0700

Climbing pit of VUE project

1, Summary One sentence summary: 1. Modify data mutations: data in state cannot be modified directly. If you want to modify it, you must use mutations 2. [get data this.$store.state. * *]: if the component wants to get data directly from the state, it needs this.$store.state*** 3. [this.$store.commit('name of method ', only one paramete ...

Posted by silentg0d on Sun, 26 Apr 2020 18:06:02 -0700

Vue Router summary (from official website)

Vue Router summary (from official website) 1. Introduction to Vue router function Nested route / view tables Modular, component-based routing configuration Routing parameters, queries, wildcards View transition effect based on Vue.js transition system Fine grained navigation control Links with automatically activated CSS class es HTML 5 histor ...

Posted by sotusotusotu on Sat, 25 Apr 2020 03:00:26 -0700

iview Modal application: pop up the add / edit data page on the list application page, and then close the pop-up page to refresh the list page

In practical application, a report list page is often needed to support the addition or modification of form data. After the operation, close the sub page and refresh the list page, as shown in the following figure   Main page code key code: 1) Introduce the components of the modal page to be popped up in the main page <product ...

Posted by pets2soul on Thu, 23 Apr 2020 07:51:32 -0700

User authentication with jwt under front-end and back-end separation

0 User Information Authentication with Front-end and Back-end Separation The front end uses Vue+axios and the back end uses SpringBoot+SpringSecurity. To solve the stateless problem of http, I use jwt(json web token) to save user information, bring it with the front end each time a request is made, and give it to the back end for user authentic ...

Posted by mega77 on Wed, 22 Apr 2020 18:43:37 -0700

Using Baidu rich text editor in vue.js componentization

be careful: The editor used in this paper is: idea 1. Download Baidu rich text editor at https://ueditor.baidu.com/website/download.html 2. Add it to the static folder, as shown in the figure: 3. Introduce JS into main.js. Note: be sure to modify the path in ueeditor.config.js window.UEDITOR_HOME_URL = "./static/ueditor/"   4.To ...

Posted by JasonO on Tue, 21 Apr 2020 07:06:25 -0700

Vue.js component + custom instruction + route

Vue.js component Component is one of the most powerful functions of Vue.js. Components can extend HTML elements and encapsulate reusable code. <template> <div id="app"> <!-- Use custom components --> <runoob></runoob> </div> </template> <script> import Vue from 'vue' // Register co ...

Posted by GaryAC on Tue, 21 Apr 2020 02:47:33 -0700

Vue.js event handler + form

Vue.js event handler <template> <div id="app"> <button v-on:click="fn">click me</button> </div> </template> <script> var count=1; export default { name: 'App', data(){ return{ name:'cyy' } }, methods:{ fn(e){ console.log(this.name);//cyy if(e){ con ...

Posted by phpdragon on Mon, 20 Apr 2020 19:46:45 -0700