Reporting for Vue - Integrate a Web Document Viewer into a Vue App

This example incorporates the Web Document Viewer into a client-side app built with Vue. The example consists of two parts:

• The ServerSideApp folder contains the backend project. The project is an ASP.NET Core application that enables cross-domain requests (CORS) (Access-Control-Allow-Origin) and implements custom web report storage.

• The vue-document-viewer folder contains the client application built with Vue.

Quick Start

Server

In the ServerSideApp folder, run the following command:

dotnet run

The server starts at http://localhost:5000. To debug the server, run the application in Visual Studio.

Client

In the vue-document-viewer folder, run the following commands:

npm install
npm run serve

Open your browser (http://localhost:8080/) to see the result. The application displays the Web Document Viewer.

Files to Review

• Viewer.vue
• main.js
• HomeController.cs
• CustomReportStorageWebExtension.cs
• Program.cs

Documentation

• Document Viewer Integration in Vue

Does this example address your development requirements/objectives?

(you will be redirected to DevExpress.com to submit your response)