CodeIgniter Forums
Deploy CodeIgniter and VueJS applications under same virtualhost/hostname - Printable Version

+- CodeIgniter Forums (https://forum.codeigniter.com)
+-- Forum: Using CodeIgniter (https://forum.codeigniter.com/forumdisplay.php?fid=5)
+--- Forum: Installation & Setup (https://forum.codeigniter.com/forumdisplay.php?fid=9)
+--- Thread: Deploy CodeIgniter and VueJS applications under same virtualhost/hostname (/showthread.php?tid=82754)



Deploy CodeIgniter and VueJS applications under same virtualhost/hostname - kabeza - 08-19-2022

Hi
I've a VueJS application that consumes a REST API built with CodeIgniter
This is the folder structure (d = folder)

d - ciapp (codeIgniter)
d - dist
d - node_modules
d - public
d - src
babel.config.js
jsconfig.json
package.json
package-lock.json
vue.config.js

When I compile the VueJS application, I execute "npm run build" and the dist folder is generated with the html, js, etc.
Vue cli deletes everything from that folder in each build

I have a VM called "testingserver" with Xampp (Apache and PHP) installed
I've configured an Apache virtualhost that points to: D:\Server\htdocs\vue\dist

When client loads browser
http://testingserver
the Vue app loads successfuly

1. I can't move-rename vue/ciapp/public (codeIgniter public folder) to vue/dist/ciapp because each build from VueJS cli deletes everything under dist
* vue-client can be configured not to erase dist in each build, but I'd like not to use this option

2. How could I configure Apache, or where can I put CodeIgniter's public folder so any client from LAN can run
http://testingserver/ciapp
and load the CodeIgniter application ?

VueJS = http://testingserver
CI = http://testingserver/ciapp

Thanks a lot for any tip/suggestion/idea you may have


RE: Deploy CodeIgniter and VueJS applications under same virtualhost/hostname - buyvlm - 11-21-2022

There is error in nodejs modules.