Moke, dynamic image resource package display

moke

Use mockjs to simulate the data interface (actually similar to ajax, mock is to specify a url path for our json data to request)
1. Prepare json data
2. Install mockjs
3、Use mockjs to simulate providing the interface address
4. Introduce mockServer.js in main
5. In ajax, modify the baseUrl in Ajax to /mock and change it to a new file mockAjax
Mock will intercept usThe ajax request will not actually send the request.(The request is sent locally, not sent to the backend, and the requested data is also local)

Dynamic image resource package display

If it is a static page, both div and img exist, and webpack will package div and img when packaging

And will find the corresponding static resource pictures according to the src of img and package them together, so there will be no problem

If it is a dynamic page, div and img are generated by traversing the dynamic data returned by the request, that is to say, webpack is in

When packaging, div and img do not exist, so after the packaging is completed, the image has no designated location to be packaged at all, so we need

I put the required static image resources in the packaged location, which is actually in the publick in the development stage