I'm following a tutorial similar to this one. The setup involves a pom file that manages two modules, the frontend module and the backend module.
Tools being used: IDE: Intellij, spring-boot, Vue.js
I initialized the frontent module using vue init webpack frontend. I added the pom file to the backend module which copies the assets into the backend module asset/public folder. After running mvn clean install, all content is placed in the resources/public folder. However, even though all the content is in this folder, it does not display when viewing sources in the browser.
The structure of the resources folder looks like this:
└── resources
├── application.properties
└── public
├── index.html
└── static
├── css
│ ├── app.30790115300ab27614ce176899523b62.css
│ └── app.30790115300ab27614ce176899523b62.css.map
└── js
├── app.b22ce679862c47a75225.js
├── app.b22ce679862c47a75225.js.map
├── manifest.2ae2e69a05c33dfc65f8.js
├── manifest.2ae2e69a05c33dfc65f8.js.map
├── vendor.42fc6c515ccdfe89bd76.js
└── vendor.42fc6c515ccdfe89bd76.js.map
I have noticed that running
solves the problem. However, starting the application through Intellij does not work as expected.java -jar backend/target/backend-0.0.1-SNAPSHOT.jar
Full directory tree (directories only):
├── fileconverter
│ ├── backend
│ │ ├── src
│ │ └── target
│ ├── frontend
│ │ ├── build
│ │ ├── config
│ │ ├── node
│ │ ├── node_modules
│ │ ├── src
│ │ ├── static
│ │ ├── target
│ │ └── test
│ └── target
│ ├── classes
│ └── test-classes