DevExpress-Examples / reporting-vue-integrate-web-document-viewer

Reporting for Vue - Document Viewer with ASP.NET Core backend.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Reporting for Vue - How to Integrate Web Document Viewer

This example consists of two parts: 

  • A server (back-end) ASP.NET Core project that enables cross-domain requests (CORS) (Access-Control-Allow-Origin) and implements a custom web report storage.

  • An Vue JavaScript Framework front-end client application.

Perform the following steps to run this example:

  1. Open the back-end project solution (ServerSide/ServerSide.sln) in Visual Studio and run the project.

  2. Navigate to the vue-report-viewer folder that is the client part's root folder.

  3. Open the console and run the following command:

    npm install

  4. Run the command to compile and start the client part:

    npm run serve

  5. Point your browser to http://localhost:8080/ to see the result.

Tip

Make sure that the backend application runs on the port specified in the host setting of the Document Viewer component. For more information, refer to the following help topic: Determine the Host URL.

Files to Review

Documentation

About

Reporting for Vue - Document Viewer with ASP.NET Core backend.

License:Other


Languages

Language:C# 57.8%Language:HTML 27.1%Language:Vue 12.7%Language:JavaScript 2.3%