axios alerts

Laravel5.4 Vuejs and Axios use hooks mounted cannot get property data resolution Error problem:In then this inside of the assignment method this.followed = response.data.followed will appear error, what reason? The original is then inside cannot be instantiated with Vue, because it is this this not bound internally. Solve:self.followed = response.data.followed;或者使用ES6的箭头函数arrow function，箭头方法可以和父方法共享变量。Here is my code:Data properties:data(){

Axios Delete Requestwhen passing a parameter , put the parameter directly behind the request connection and use '/' to connect.this. Axios.post (this. apiurl+ '/' +id) //http://www.ddd.com/1 . Then (response=>{}) . Catch (error=>{})when you need to pass multiple parameters, delete, after the request interface passed directly with the config, the following wording: this. Axios. Delete (this.) Api. Busine

"No ink directly on the Code series"The code is divided into three steps:1. Create a api.js, package Axios2. Introduced in Main.js and added to the Vue prototype3. Global use1. Create + Package//Api.jsImport Axios from "Axios";varApiurl = ' ';functionYuanajax (url,data,successcallback,errorcallback) {axios.post (Apiurl+ url,data). Then (function(res) {if(typeofSuccesscallback = = ' function ') {successcallb

---again using vue, Axios, formdata do upload files, encountered a problem, although the background received the request, but the file type is recognized as a string , so the web side has been reported 500, the result is their own carelessness.1. Because new Formdata is used to manipulate the form, and when a mock request is being tested, it is indeed the form submission "Content-type:multipart/form-data" that is seen from the header. So there is no i

var app =New Vue ({El"#register",Data: {Registerurl:"/kindlepocket/bindingdata" Newuserinfo: {UserName:' N ',Phone' 13 ',Email' 12 ',EMAILPWD:kindleemail: ASD"}, methods: {register: function (this.registerurl, this.newuserinfo, {headers: { ' Content-Type ': Span class= "hljs-string" > ' application/x-www-form-urlencoded '}}). Then (function (response) {console.log (response);}) . catch (function (error) {console.log (Error); }); } }}) Axios send a P

oldpath = Files.file.path var NewPath = path.normalize (__dirname + '/... /public/images/avatar ') + ' \ \ ' + Req.query.username + '. png ' -------//Rename the uploaded image fs.rename (OldPath, NewPath, function (err) { if (err) { res.send ('-1 ') return } if (NewPath) {let Avatarpath = ' server/ public/images/avatar/' + Req.query.username + '. png ' ------//The image address of the database (relative to the page) db.updatemany (' users ',

Need to format a bit This. $http ({method:"POST", URL:"/chinacountry/index.php/home/search/index", Data: {search: This. Search_text//search_i: "2"}, Transformrequest: [function(data) {LET RET= ""; for(Let itinchdata) {ret+=encodeURIComponent (IT)+ "=" +encodeURIComponent (Data[it])+ ""; } ret= Ret.slice (0,-1);//remove the last empty line returnret; }], headers: {"Content-type": "application/x-www-form-urlencoded"}}). Then (response={console.log (response); }) .

Small make up I was just solved this problem, this time self-study also almost, small series will begin to do project, finally to solve the problem of routing and problems encountered. My main solution is the routing problem, the recommended here is Axios, he can calculate a separate technology, node inside can use NG inside also can use, Vue inside more can use than Vue own Vue-rource, His best place, I think, of course, it's a good package. RESTful

Vue Script Rack Axios post is not local json,get canTo solve this problem you need to write your own script in node:New Build Fakedata.js in BuildvarExpress = require (' Express ')varApp =Express ()//local json-server Server build code//Introducing Database FilesvarAppData = require ('.. /static/data/1.json ');varApiroutes =Express. Router ()//use the API's method to create a connection-time requestApiroutes.post ('/test ',function(req, res) {Res.json

, the store object can become quite bloated.To solve these problems, Vuex allows us to split the store into modules. Each module has its own state, mutation, action, getter, or even nested submodule-the same way it is split from top to bottom.The last few diagrams make it easy to read the exact wording:　　　　　　Iv. AxiosIs the encapsulated Ajax, which can then be encapsulated according to its own project situation, and then invoked in action. Refer to Https://github.com/mzabriskie/

Axios ({ URL: '/API/INDEX/GETINDEXLBT ', method: ' Post ', data: { relevanceid:this. $route. Params.id, picturetype:4 }, transformrequest: [function (data) {let ret = "for" Let it in data) { ret + = encodeURIComponent (IT) + ' = ' + encodeURIComponent (Data[it]) + ' ' } return ret }],

Today, after discovering that Axios was used in Vue, the data in the then method cannot be read, and always prompts cannot set property ' xxx ' of undefinedAfter finding a lap on the internet, we found a solution.Workaround 1:methods:{ tap:function() { var self=this; Axios.get (' xxxxxx ') . Then (function(result) { self.message= ' hehe ') }) }}Workaround 2:Axios.get (' xxxxxxxxxxx '). Then (result)={

First step: Add a custom field to the routerequireAuth'/repository ', ' repository ', meta: {true,//Add this field, indicating that entering this route is required to log in}, component: RepositoryStep Two:Router. Beforeeach (To, from, next) = { if (to.meta.requireAuth) { //Determines if the route requires login permission if (Store.state.token) { query: {Next ();}Login intercept is this the end of the block? And not.This approach is simply a front-end routing control a

Because the parameter format received in the background is formdata format,In the Axios parameter format, the default is thatBefore transmitting the parameters, the original format provided by the officialRead as follows:axios ({URL:‘.. /.. /.. /room/listroompage ', Method:' Post ', data: {offset:0, limit:9999, Roomcode: "", roomtypeid:0, floorid:0}, Transformrequest: [function(data) {varOmyform =NewFormData (); Omyform.append ("Offset", 0); Omyform.a

("-----check------"); Return; } Chain.dofilter (request, response); }Second, cross-domain request problemAdd filter, add the above code inside the filter to solve cross-domain request problemThird, the Axios access interface background read the data are empty the problem is as followsFront desk:Background logCan see the front desk clearly passed, backstage can also receive, but why all is null, engaged in a half-day here the problem: function {co

Typically, the front end submits data to the server via a POST request in 4 format, "application/x-www-form-urlencoded" format, "multipart/form-data" format, "Application/json" Format and "Text/xml" format. Often the most common is the "Application/json" format, which is the form of a JSON string.The data you see in the console is this:Sometimes the background needs form form of data in order to parse normally, so the front end needs to change the format when passing through. At first I thought

A: The basic structure of the projectProject a total of 16 pages, is an e-commerce network sales project, their own online search on a Web site to do a design plan;Main pages include: Login page--registration page--Home--products List--Product Details page--Member Center--My Shopping cart page--Payment page--Payment Success page--Payment failure page--evaluation page--Evaluation Detail Page--My order page--Order Details page --Confirm the order page--The Receipt Address List page;Back-End Techno

InstallationNPM I AxiosIntroducedUsageGet method RequestCreated () { 　　Send a request for data in this hook functionAxios. Get (URL). Then (res) + = {Console.log (RES)})},Post Mode requestMethods: {Axios 　　First parameter: Indicates the interface addressSecond parameter: Indicates the parameter of the POST request, note that the format of this parameter is: Key = value Key 1= value 1. Post (URL, ' name=sumage=18 ') 　　Note: The parameter cannot be an

Django will keep a csrftoken=gvzb3ilhlgadishmascacsilreclherlkjhaklsdv3qx4m96xrg88omscdpqakomxj in the browser's cookie;This is generated from Django, and Django checks the value of the X-csrftoken entry in the headers of each HTTP request with the same value stored in the cookie, and if it is not the same or missing, rejects the request, if the same Indicates that this request was initiated from a real user.So all we have to do is add X-csrftoken:csrftoken value to the headers of each request.T

Use of Axios1, installation cnpm install Axios--save2, where to use where to introduce AxiosVue uses Axios to get data