Some problems encountered in the implementation of vue-cli packaging one code and sharing multiple projects

question

now the requirement is to package a piece of code, but for multiple projects, it is packaged and put directly locally, and tested with tomcat services. For example,

means that relative path packaging needs to be carried out in history mode. At present, my practice is to obtain the base, of pathname dynamic change router, such as a project to change base to"/ segment/fault/a/main",. At present, it is possible for me to pack the package once, and the four projects share a code, but the address is different. This method is not robust. if the gods have other ways to package once and share a code with multiple addresses, they would like to share .

the current problem is:

I can access http://localhost:39090/segment/fault/a/main/ directly in the address bar (redirected in the route), and route switching is not a problem, but I cannot access it by typing http://localhost:39090/segment/fault/a/main/TestManagement or other specified routes in the address bar. I really don"t understand why. If you start the service locally npm run dev , there is no problem with either of the two access methods.

router settings 

  http://localhost:39090/segment/fault/c/main/


 can be accessed under these directories, and the corresponding route  http://localhost:39090/segment/fault/a/main/TestManagement
 can be accessed directly.

 Thank you very much!
Javascript vue.js vue-router vue-cli
Oct.09,2021

each corresponds to a template index.html . Just set < base href= "" > in the file

vue-cli 3, there is a setting for baseUrl. After setting it, the setting base for initialization of vue-router is as follows: 

new webpack.DefinePlugin({
  'process.env': {
    BASE_URL: JSON.stringify('')
  }
})

then make the same settings in vue-router.

Previous: About the doubts encountered by css in layout

Next: How to achieve paging and searching of table tags at the same time?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu