vuejsパッケージ化されたファイルをspringbootに統合
2775 ワード
vuejsパッケージ化されたファイルをspringbootに統合
1.vuejsのconfig/indexを修正する.js、中にassetsPublicPathを見つけて、/dist/、覚えておいてください.build:{}ここのもので、上のdev:{}のものではありません.
build: {
// Template for index.html
index: path.resolve(__dirname, '../dist/index.html'),
// Paths
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
assetsPublicPath: '/dist/',
2.npm run buildを実行すると、vuejsプロジェクトディレクトリにdistフォルダが表示されます.3.このdistフォルダをspringbootのresources/static/、覚えておいてください.dist全体がフォルダと一緒にcopyされています.4.プロジェクト導入thymeleaf依存
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
localhost/dist/indexにアクセスします.html/#/でいいです
ブログ参照https://blog.csdn.net/u014054437/article/details/79981307#commentBox